JavaScript初始 初级 入门
JavaScript初始 初级 入门
学前端 就要接触js在以前的版本学习HTML就是简单的切图仔,随着科技发展 ,HTML不在是简单的网页制作,而是可以同过JavaScript语音来实习一些功能 和一些特效,同js可以写一些不需要java,pyth,c语音来帮助, JavaScript和Java没有关系 只名字 和创世人的原因 所以语音名字叫JavaScript.
什么是 JavaScript?
与页面进行交互的脚本语言,具有较强的逻辑性.
HTML - 结构
css - 表现
JavaScript行为 -> 动作
编写 JS 的流程
- 布局 ：HTML + CSS
- 属性 ：确定要修改哪些属性
- 事件 ：确定用户做的哪些操作，有哪些行为( 产品设计 )
- 编写 JS：在事件中，用 JS 来修改页面元素的样式
JavaScript 基本介绍及发展趋势
-
1994年，网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器–只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。
liveScript==>javaScript==>ECMAscript -
1995年Sun公司将Oak语言改名为Java，正式向市场推出。Sun公司大肆宣传，许诺这种语言可以"一次编写，到处运 行"(Write Once, Run Anywhere)，它看上去很可能成为未来的主宰。
-
网景公司动了心，决定与Sun公司结成联盟
-
34岁的系统程序员Brendan Eich登场了。1995年4月，网景公司录用了他,他只用10天时间就把
Javascript设计出来了。（多肽语言） -
(1)借鉴C语言的基本语法; (2)借鉴Java语言的数据类型和内存管理; (3)借鉴Scheme语言，将函数提升到"第一等公民"(first class)的地位; (4)借鉴Self语言，使用基于原型(prototype)的继承机制。
JavaScript 能干什么
- 常见的网页效果
- 与H5配合实现游戏
- 实现应用级别的程序
- 实现统计效果
- 地理定位等功能
- 在线学编程
- js可以实现人工智能【面部识别】
- 。。。
JavaScript 的组成
简单地说，JavaScript是一种运行在浏览器中的解释型的编程语言。
那么问题来了，为什么我们要学JavaScript？尤其是当你已经掌握了某些其他编程语言如Java、C++的情况下。
简单粗暴的回答就是：因为你没有选择。在Web世界里，只有JavaScript能跨平台、跨浏览器驱动网页，与用户交互。
JavaScript 代码的书写位置
- 和 css 一样，我们的 js 也可以有多种方式书写在页面上让其生效
- js 也有多种方式书写，分为 行内式， 内嵌式，外链式
变量的概念和基本运算
变量：JavaScript 变量是存储数据值的容器。
三要素：
变量名 变量值 数据类型:数据存储空间大小，JS是弱类型的语言(动态类型)，在变量定义时不需要显式说明数据类型。
变量定义语法： var 变量名 = 变量值; 分拆： 变量声明 var 变量名; 变量赋值 变量名 = 变量值;
var num = 10;
以上语句声明了一个名字为 num 的变量，同时赋予了一个值为 10.
这个变量只能保存最近一次的数据。
以前的数据会被替换，不存在了
使用变量： 通常变量名引用变量值
// 1.使用var关键字(variable:可变的量)
var uname; // undefined
uname="周杰伦"; //赋值
// 2.声明变量即赋值(推荐)
var unam="周杰伦";
// 3.声明多个变量
var unam="周杰伦",age=20;
注意: 我们在定义变量的时候， 尽可能的不要只声明，不赋值, 而是声明的同时初始化一个值
变量名命名规则和关键字
变量可以用任何方式进行命名，但我们一般只使用字母、数字、美元符号( $ ) 和下划线( _ ).
- 变量命名必须以字母或是下标识符"_“或者”$"开头。
- 变量名长度不能超过 255 个字符
- 变量名中不允许使用空格。
- 不能使用脚本语言中保留的关键字及保留符号作为变量名。
- 变量区分大小写。( js 里面区分大小写 )
关键字：已经被JS内部使用了的
break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with
注意：如果把关键字用作变量名或函数名，可能得到诸如 “Identifier Expected”（应该有标识符、期望标识符）这样的错误消息。
保留字：虽然暂时还未被使用, 但将来可能会被JS内部使用
abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile
注意：如果将保留字用作变量名或函数名，那么除非将来的浏览器实现了该保留字，否则很可能收不到任何错误消息。当浏览器将其实现后，该单词将被看做关键字，如此将出现关键字错误。
标识符
规则：
-
a. 能够取字母、数字、下划线、$这几种符号
-
b. 不能以数字开头
-
c. 不能是关键字 规范：
-
d. 采用简洁的英文单词命名（见名知意）
-
e. 第一个单词首字母小写，其它单词首字母大写。其它字母小写
提示：JavaScript 标识符对大小写敏感。
js 当中的数据类型
在生活中也有很多的数据，比如手机号，年龄是数字 比如 名字 可能是中文或者英文日文等等。有数字有中文有英文不同的数据
JavaScript 也提供了不同的数据类型好方便我们进行处理
数值型 Number
此类型用来表示整数和浮点数（小数）值。
比如： 数字 10、10.01、100 、 -100 等等都是。
如下语句：
var num = 100;
num 里面保存了 一个数值为 100， 则这个变量就是一个数值型的变量。
我们JavaScript是弱数据类型，变量是没有固定数据类型的， 总之，你给变量一个什么值，它就是什么数据类型的变量。
特殊的数值，即NaN（非数值 Not a Number）。 类似我们说的MMD (么么哒) BBD(棒棒哒)是一种缩写。
这个数值用于表示一个本来要返回数值的操作数未返回数值的情况。（这样就不会抛出错误了）。
例如，在其他编程语言中，任何数值除以0都会导致错误，从而停止代码执行。但在JavaScript中，任何数值除以0会返回NaN，因此不会影响其他代码的执行。
再比如，我们我们用中文去减去一个数字（“你好吗” - 10 ） 此时得不到一个数字，就返回NaN.
JavaScript中有一个isNaN()函数，这个函数接受一个参数，该参数可以使任何类型，而函数会帮我们确定这个参数是否“不是数值”。
isNaN()
如果里面 是个数字 返回的是 false
如果里面 不是个数字 返回的是 true
alert(isNaN(10)); //false
alert(isNaN("blue")); //true
后面我们经常用它做判断用户输入的是不是一个数字。 比如用户输入手机号， 只能输入数字。
字符型 string
此类型用来表示字符串。字符串可以由单引号(’)或双引号(")表示。
比如： “你好吗” ， ‘hello,damao!!’, “123”;
只要添加了引号的都是字符型！
布尔型 boolean
看名字很高大上，其实就是逻辑型， 对与错 。
它只有2个值， ture 和 false
比如：
var flag = true;
这个flag 就是 布尔型变量。
未定义型 undefined
未定义是值 我们声明变量了，但是没有给值。
比如：
var num;
此时，这个num 就是一个未定义数据类型
空型 null
空、无。表示不存在。
可以通过将变量的值设置为 null 来清空变量。
var num = null;
检测数据类型 typeof 运算符
typeof 表达式 说明：typeof 返回的是一个字符串，这个字符串说明运算数的类型，该字符串中可取值： “number” “string” “boolean” “undefined” “object” “symbol” “function”
// 第一种使用方式
var n1 = 100;
console.log(typeof n1);
// 第二种使用方式
var s1 = 'abcdefg';
console.log(typeof(s1));
判断一个变量是不是数字
- 可以使用 isNaN 这个方法来判断一个变量是不是数字
isNaN：is not a number
// 如果变量是一个数字
var n1 = 100;
console.log(isNaN(n1)); //=> false
// 如果变量不是一个数字
var s1 = 'Jack'
console.log(isNaN(s1)); //=> true