HTML基础之JS

name = ‘csf‘; // 默认全局变量function func() { ???var name = ‘chenshifeng‘; // 局部变量}

//定义字符串var str = ‘你开心就好！‘;var name = ‘尘世风‘;// 字符串的拼接var name_str = name+str; ?//字符串操作str = ‘尘世风‘str.charAt(0) 根据角标获取字符串中的某一个字符 ?char字符str.substring(1,3) 根据角标获取 字符串子序列 大于等于x ?小于ystr.length 获取字符串长度str.concat(‘是测试工程师‘) ?拼接字符串str.indexOf(‘测试‘) 获取子序列的位置str.slice(0,1) ?切片 start endstr.toLowerCase() ?变更为小写str.toUpperCase() 变更大写str.split(‘是‘,1) 切片 返回数组 参数2 为取分割后数组的前x个元素 数字类型（JavaScript 只有一种数字类型。数字可以带小数点，也可以不带） var age = 18;var score = 89.22;number = ‘18‘;// 字符串转var n = parseInt(number);// 转换成小数f =parseFloat(number)布尔类型（true 或 false）var t = true; var f = false;

var dict = {name:‘csf‘,age:18,sex:‘男‘ };var age = dict.age;var name = dict[‘name‘];delete dict[‘name‘] 删除delete dict.age 删除

setInterval(alert(‘尘世风‘),5000); //参数1 为定时器执行的功能，第二个参数为定时器工作的间隔时间 毫秒为单位 function t1() { ???console.log(‘我是一名小测试‘)}setInterval(‘t1()‘, 5000);// 可以运行方法

if (条件) { ???执行代码块} else if (条件) { ???执行代码块} else { ???执行代码块}; if (1 == 1) { ???console.log()} else if (1 != 1) { ???console.log()} else if (1 === 1) { ???console.log()} else if (1 !== 1) { ???console.log()} else if (1 == 1 && 2 == 2) { //and ???console.log()} else if (1 == 1 || 2 == 2) { //or ???console.log()} switch (a) { ???case 1: ???????console.log(111); ???????break; ???case 2: ???????console.log(222); ???????break; ???default: ???????console.log(333)}

1、普通函数function 函数名(形参, 形参, 形参) { ???执行代码块}函数名(形参, 形参, 形参); 2、匿名函数 匿名函数没有名字，无法调用时找到，将整个函数当做一个参数传递setInterval(function () { ???console.log(11)}, 5000);3、自执行函数创建函数并且自动执行当引入多个js文件时，函数名可能会出现重复，这时通过自执行函数，保证每一个js文件都会被解析，从而生成独立的容器，防止调用冲突(function (name) { ???console.log(name)})(‘dsx‘); 作用域Python的作用域是以函数作为作用域的，其他语言以代码块（{}）作为作用域的。JavaScript是以函数作为作用域function tmp() { ???var name = ‘dsx‘; ???console.log(name)}tmp();console.log(name);2、函数作用域在函数未被调用之前，已经创建var name = ‘nhy‘;function a() { ???var name=‘dsx‘; ???function b() { ???????console.log(name); ???} ???return b} var c = a();c();3、函数的作用域存在作用域链（代码不执行时，先生成作用域链）当函数嵌套函数时，每一个函数为一个作用域，多层就叫做作用域链，查找遵循作用域链规则function outer() { ???name = ‘nn‘; ???function inner() { ???????var name = ‘ii‘ ???????console.log(‘in‘, name) ???} ????console.log(‘out‘, name); ???inner()}outer();函数不调用时，只生成作用域，当调用时遵循作用域链执行，name都为hhhfunction outer() { ???var name = ‘nn‘; ???function inner() { ???????console.log(‘in‘, name) ???} ????var name = ‘hhh‘; ???console.log(‘out‘, name); ???inner()}outer();4、函数内,局部变量提前声明 JavaScript的函数在运行前会找到函数内的所有局部变量执行var xxx;function func() { ???console.log(name); ???var name = ‘csf‘;}func();

// 在JavaScript中，方法和类写法类似，区别方式为是否有this，如果有就可以当做是类来用// JavaScript的类默认就拥有了Python的构造函数__init__function Foo(name) { ???this.name = name;}// 创建对象时JavaScript需要用到new关键字来创建对象var obj = new Foo(‘dsx‘);console.log(obj.name); // 类中定义方法，虽然可以用，但是在多个实例时存在重复实例方法，浪费资源// 创建对象时，say每次创建对象，都会创意一个say的方法。function Foo1(name) { ???this.name = name; ???this.say = function () { ???????console.log(this.name) ???}}var obj1 = new Foo1(‘dsx_obj1‘);obj1.say();// 完善类的定义function Foo2(name) { ???this.name = name}// 类的原型,将共用的的方法抽出来，当在实例化后，只创建了一个叫做Foo2的对象，对象内只有name，在调用方法时去现在Foo中找，没有找到，会在去原型中找是否有该方法。有执行，没有就报错Foo2.prototype = { ???say: function () { ???????console.log(this.name) ???}};var obj2 = new Foo2(‘dsx_obj2‘);obj2.say();

JSON.stringify(obj) 序列化JSON.parse(str) 反序列化