java前端JavaScript一些方法

java前端js的一些方法

• JavaScript：客户端脚本语言

  • 发展史：
    • 1992年，nombas公司 C–,最早的客户端脚本语言。专门用于表单验证。 后更名为 scriptEarth
    • 网景 scriptlive，后来找到sun公司合作，共同开发出 JavaScript
    • 微软抄袭JavaScript 定义了 JScript
    • ECMA(欧洲计算机制造商协会)定义了一套客户端脚本语言的规范 ECMAScript规范

• js一些基本数据类型

​ js原始数据类型：

​ number:数字类型，包含整数和小数NaN（非数字）。

​ string:字符串和字符类型

​ boolean: true 和 false

​ null :空类型

​ undefined:未定义，如果一个变量没有初始化值，默认为undefined.

• 语法：
  * 使用 var定义变量 var i = “abc”;
  * js是一门弱类型语言：定义变量时，不需要规定其数据类型。
  * typeof运算符：获取变量的数据类型
  * var关键字如果不书写，该变量则为全局变量

• 比较运算符
  * > < >= <=:
  * NaN参与的运算，结果都为fasle，除了(!=)
  * 字符串比较小大：如果长度一致按照字典顺序比较 长度不一致 那谁的长度长那就谁大
  * !=:
  * == ===(全等于):
  * 全等于比较时，先比较类型，如果类型不一致，直接返回false

  • 逻辑运算符
    && || !

       			* 其他类型转boolean
       				* number：非0为true，0和NaN为false，
       				* string: 除了空字符串("")，其他都是true
       				* null 和 undefined:转为false
       				* 对象:所有对象都为true
    

    • 算术运算符：
      注意:NaN 参与数学运算 结果都为NaN

  ​ 三元运算符
  ​ 表达式 ? 值1 : 值2;
  ​

对象：
* js是一门基于对象的语言
* 基于对象：不能由原生的对象派生出新的对象。换句话说，不存在继承关系

           Function(*****): 代表函数
				* 创建方式：
					* var fun = new Function("参数列表","方法体");
					* function 方法名称(形参列表){
							方法体
					  }
					* var fun = function(){
					
					  }
				
				* 属性：
					length：形参的个数
				
				* 使用：
					* 函数名称(实参列表);	
					* 特点：
						1.函数的调用，只与函数名称有关，与实参列表无关
						2.函数内部有内置对象 arguments 封装实参数组
				
				* void运算符：拦截返回值，一般结合a标签一起使用
					* 注销a标签跳转功能，保留可被点击的功能
						<a href="javascript:void(0);" onclick="exit();">退出</a>

• //concat() 连接两个或更多的数组，并返回结果。
  /* var arr1=[20,30,50];
  var arr2=[20,30,50];
  var arr3=arr1.concat(arr2);
  //alert(arr3);
  var str=arr3.join("-");//把数组元素转换成字符串,可以指定拼接符
  //alert(str);
  //pop() 删除并返回数组的最后一个元素
  var ele=arr1.pop()
  alert(ele);
  alert(arr1);
  //push() 向数组的末尾添加一个或更多元素，并返回新的长度。

    	var size=arr2.push(100,200,300);
    	alert(size);
    	alert(arr2);
    	
    	//reverse() 颠倒数组中元素的顺序 
    	//shift() 删除并返回数组的第一个元素 
    	
    	var ele2=arr2.shift();
    	alert(ele2);
    	alert(arr2);
    	
    	//slice() 从某个已有的数组返回选定的元素 
    	var arr4=[10,20,30,50,60];
    	var arr5=arr4.slice(0,2); //从0索引处,截取两个元素,放到新数组中
    	alert(arr5);
    	 */
    	var arr6=[1,0,5,9,8,7,110,20,1111,21];
    	//sort()不传参 默认按照字典顺序排列
    	//定义一个比较器
    	//如果要按照大小排序,那就传入一个比较器
    	/* arr6.sort(function bj(a,b){
    		return a-b;
    	}); */
    	
    	//ES6 提供的语法 =>
    	//arr6.sort((a,b)=>a-b);
    	
    	//alert(arr6);
  

  ​
  //splice() 删除元素，并向数组添加新元素。
  //arr6.splice(1,1); //从1索引处开始,删除一个元素
  arr6.splice(1,1,100,200,300) //从1索引处开始,删除一个元素,然后再从1索引出开始添加 100 200 300 三个元素

    	alert(arr6);
    	
    	//push() 往数组后面添加一个或多个元素，并返回新的长度。 
    	//unshift() 向数组的开头添加一个或更多元素，并返回新的长度。