-
JavaScript历史:布兰登.艾奇在1995年花了10天完成了JavaScript的设计,最初命名为LiveScript(网景公司),后来改名为JavaScript(与Sun合作后)
- JavaScript是一种运行在客户端的脚本语言(script是脚本的意思),不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行,也可以基于Node.js技术进行服务器编程
- HTML/css/js关系:
- 前端页面构成:结构层,表示层,行为层
- 行为层为页面的行为,JavaScript用于实现文档的行为
- 表示层为页面的样式,css用于设置文档的呈现效果
- 结构层为页面的骨架,HTML或XHTML用于搭建文档的结构
- 前端页面构成:结构层,表示层,行为层
- Js引擎:也称为js解释器,用来读取网页中的JavaScript代码。对其处理后运行(逐行解释每一句源码,转换为机器语言,然后由计算机去执行)
- Js的组成:ECMAScript(JavaScript语法),DOM(页面文档对象模型),BOM(浏览器对象模型)
- ECMAScript:规定了js的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套js语法工业标准。由ECMA国际进行标准化的一门编程语言,称为JavaScript(网景公司)或Jscript(微软公司),都是ECMAScript语言的实现和扩展
- DOM——文档对象模型(document object model)是处理可扩展标记语言的标准编程接口,可以对页面上的各种元素进行操作(大小,颜色等)
- BOM——浏览器对象模型(browser object model)提供了独立于内容的,可以与浏览器窗口进行互动的对象结构,通过BOM可以操作浏览器窗口(弹出框,页面跳转等)
- JavaScript输入输出语句:
-
变量本质:变量是程序在内存中申请的一块用来存放数据的空间
-
变量的使用:1.声明变量 2.赋值 3.变量的初始化
Eg:
Var name=prompt(“请输入你的名字”);
Alert(name);
- 变量语法扩展:
- 更新变量:
- 声明多个变量:
- 声明变量的特殊情况:
- 变量的名命规范:(不要直接使用name作为变量名)
- Js的数据类型:JavaScript是一种弱类型或者说动态语言(不用提前声明数据类型),Js的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的(数据类型可以变化)
- 简单数据类型
- number型(整数,浮点型):
- 字符型:数值相加,字符相连
- 布尔型 true false
- Undefined Null:
- typeof判断变量数据类型:
- 字面量:
- 数据类型转换:把一种数据类型转化成另一种数据类型:
-
转换成字符串型:
- 转换成数字型(重点):
- 转换成布尔型:‘’,0,NaN,null,undefined转换成false
-
- 标识符,关键字,保留字
- 标识符:是指开发人员为变量,属性,函数,参数取的名字(不能是关键字或保留字)
- 关键字:是指js本身已经使用了的字,不能再用它们充当变量名,方法名
- 保留字:预留的“关键字”,现在虽然还不是关键字,但是未来可能会成为关键字,同样不能使用它们当变量名或方法名
-
运算符:操作符,是用于实现赋值,比较和执行算数运算等功能的符号
- 算数运算符:不要直接判断两个浮点数是否相等
- 表达式和返回值:
- 递增和递减运算符:递增(++)和递减(--)(递增和递减运算符必须要于变量一起使用 )
- 比较运算符:=赋值 ==判断 ===全等(判断值和数据类型)
- 逻辑运算符:用来进行布尔值运算的运算符,返回值也是布尔值
- 短路运算(逻辑中断):当有多个表达式(值)时,左边的表达式可以确定结果时,就不再继续运算右边的表达式的值
- 赋值运算符:用来把数据赋值给变量的运算符
- 运算符优先级: