JavaScript01

Posted 2020-09-01

javascript

　　一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html网页上使用，用来给HTML网页增加动态功能。

作用：描述页面行为。

特点：1、js是一个动态的弱类型的语言。

　　2、js是一个解释型语言。

　　3、js中不区分单双引号。

　　4、js中严格区分大小写。

　　5、js代码块可以写在html中的任意位置。

　　6、js中分号是可以省略，但是不推荐。

主要内容：1、ECMAScript：js的基本语法。

　　2、BOM：broswer object model 浏览器对象模型

　　3、DOM：document object model 文档对象模型

使用方式：

　　1、内联式

　　　　格式：<标签名 on事件名="js代码"></标签名>

　　2、内嵌式（在页面的任意位置书写）

　　　　格式：<script type="text/javascript">js代码</script>

　　　　注意：type属性可以省略

　　3、外部引用方式

　　　　步骤：a、创建js文件

　　　　　　　b、在作用页面利用script标签进行引入。<script type="text/javascript" src="资源路径"></script>

数据类型

　　var 变量名

　　分类：原生类型和对象类型

　　原生类型：

　　　　number：int，float,infnity,NaN

　　　　boolean

　　　　string

　　　　var 变量名 = null;　　//object

　　　　var 变量名；　　//undefined 只声明未初始化

　　　　object == undefined

　　隐式转换：

　　　　原生类型进行加法运算时 会发生隐式转换

　　　　规则：所有类型都向number类型靠拢，当遇到字符串类型时就会进行字符串拼接。

　　显式转换：

　　　　paeseInt（‘12px‘）;

　　　　parseFloat(‘3.14px‘);

　　JS中注释方式：

　　　　单行注释：//

　　　　多行注释：/**/

　　对象类型：

　　　　函数：相当于Java中的方法

　　　　函数的定义：

　　　　　　function test(参数) {

　　　　　　　　方法体

　　　　　　}

　　　　　　var test = new Function("参数","方法体")

　　　　　　var test = function(参数) {

　　　　　　　　方法体

　　　　　　}

　　　　特点：1、函数默认返回值undefined，利用return手动设置函数的返回值。

　　　　　　2、获取实参个数：函数名.arguments.length

　　　　　　3、获取形参个数：函数名.length

　　　　　　4、函数之间可以互相调用。

　　　　　　5、js中的函数不能重载。

　　　　　　6、js中的函数可以作为参数传递。

　　数组：相当于Java中的ArrayList

　　　　创建数组的方式：

　　　　　　var arr1 = [];

　　　　　　var arr2 = new Array();

　　　　　　var arr3 = new Array(5);

　　　　　　var arr4 = new Array(1,2,3,true,‘abc‘);

　　　　concat():数组元素之间拼接

　　　　　　concat(arr4.concat(3,arr3));

　　　　join():设置数组元素之间的间隔符

　　　　　　arr4.join("-");

　　　　特点：1、跳跃下标顺序进行数组的赋值

　　　　　　2、length属性：a.获得数组的长度；b.强制改变数组的长度

　　日期对象：

　　　　var now = new Date();

　　　　now.getFullYear();now.getMonth();now.toLocaleString();

　　自定义对象：

　　　　var obj = new Object();

　　　　obj.uname = "zhangsan";

　　　　obj.age = 12;　　　　

　　　　obj.sleep = function() {

　　　　　　方法体；

　　　　}

　　　在调用固有对象的方法时，直接使用"函数名（）；"，当前固有对象不需要使用new关键字

　　　　Math对象

　　　　　　Math.random（）；

　　　　Global对象

　　　　　　ParseInt（）；ParseFloat（）；isNaN（）；eval（）；

　　　　　　eval（）作用：1、解析js字符串代码

　　　　　　　　　　　　　　　　var str = "var ss = ‘hello‘"; eval(str);

　　　　　　　　　　　　　2、执行运算

　　　　　　　　　　　　　　　　eval（‘1+2+3‘）;

　　　　String对象

　　　　　　var str = new String("abcd");

　　　　　　str.substr(0,2);　　//0:起始字符串下标 2：截取子串的长度

　　　　　　str.substring(0,2)　　//0:起始字符串下标 2：截取子串结束下标

　　　　等同符和等值符

　　　　　　var num1 = 123;

　　　　　　var num2 = "123";

　　　　　　alert(num1==num2);　　//等值符会发生隐式转换

　　　　　　alert(num1===num2);　　//等同符不会发生隐式转换