企业官网建设流程全解析

wordpress网站顶部,企业网络的构建与实施,自己的网站发文章怎么做外链,网站给挂黑链函数 语法格式 // 创建函数/函数声明/函数定义 function 函数名(形参列表) {函数体return 返回值; }// 函数调用 函数名(实参列表) // 不考虑返回值 返回值 函数名(实参列表) // 考虑返回值函数定义并不会执行函数体内容#xff0c;必须要调用才会执行#xff0c;调…函数语法格式// 创建函数/函数声明/函数定义 function 函数名(形参列表) { 函数体 return 返回值; } // 函数调用 函数名(实参列表) // 不考虑返回值 返回值 函数名(实参列表) // 考虑返回值函数定义并不会执行函数体内容必须要调用才会执行调用几次就会执行几次。function hello() { console.log(hello); } // 如果不调用函数则没有执行打印语句 hello();调用函数的时候进入函数内部执行函数结束时回到调用位置继续执行可以借助调试器来观察。函数的定义和调用的先后顺序没有要求这一点和变量不同变量必须先定义再使用// 调用函数 hello(); // 定义函数 function hello() { console.log(hello); }关于参数个数实参和形参之间的个数可以不匹配但是实际开发一般要求形参和实参个数要匹配如果实参个数比形参个数多则多出的参数不参与函数运算sum(10, 20, 30); // 30如果实参个数比形参个数少则此时多出来的形参值为 undefinedsum(10); // NaN相当于 num2 为 undefinedJS 的函数传参比较灵活这一点和其他语言差别较大事实上这种灵活性往往不是好事。函数表达式另外一种函数的定义方式var add function() { var sum 0; for (var i 0; i arguments.length; i) { sum arguments[i]; } return sum; } console.log(add(10, 20)); // 30 console.log(add(1, 2, 3, 4)); // 10 console.log(typeof add); // function此时形如function() {}这样的写法定义了一个匿名函数然后将这个匿名函数用一个变量来表示后面就可以通过这个 add 变量来调用函数了。JS 中函数是一等公民可以用变量保存也可以作为其他函数的参数或者返回值。作用域某个标识符名字在代码中的有效范围。在 ES6 标准之前作用域主要分成两个全局作用域在整个 script 标签中或者单独的 js 文件中生效。局部作用域 / 函数作用域在函数内部生效。// 全局变量 var num 10; console.log(num); function test() { // 局部变量 var num 20; console.log(num); } function test2() { // 局部变量 var num 30; console.log(num); } test(); test2(); console.log(num); // 执行结果 10 20 30 10创建变量时如果不写 var则得到一个全局变量。function test() { num 100; } test(); console.log(num); // 执行结果 100另外很多语言的局部变量作用域是按照代码块大括号来划分的JS 在 ES6 之前不是这样的。if (1 2) { var a 10; } console.log(a);作用域链背景函数可以定义在函数内部内层函数可以访问外层函数的局部变量内部函数可以访问外部函数的变量采取的是链式查找的方式从内到外依次进行查找。var num 1; function test1() { var num 10; function test2() { var num 20; console.log(num); } test2(); } test1(); // 执行结果 20执行console.log(num)的时候会现在 test2 的局部作用域中查找 num如果没找到则继续去 test1 中查找如果还没找到就去全局作用域查找。对象基本概念对象是指一个具体的事物。“电脑” 不是对象而是一个泛指的类别而 “我的联想笔记本” 就是一个对象。在 JS 中字符串、数值、数组、函数都是对象。每个对象中包含若干的属性和方法属性事物的特征。方法事物的行为。例如你有一个女票她的身高、体重、三围这些都是属性。她的唱歌、跳舞、暖床都是方法。对象需要保存的属性有多个虽然数组也能用于保存多个数据但是不够好。例如表示一个学生信息姓名蔡徐坤身高 175cm体重 170 斤var student [蔡徐坤, 175, 170];但是这种情况下到底 175 和 170 谁表示身高谁表示体重就容易分不清。JavaScript 的对象和 Java 的对象概念上基本一致只是具体的语法表现形式差别较大。1. 使用字面量创建对象 [常用]使用{}创建对象var a {}; // 创建了一个空的对象 var student { name: 蔡徐坤, height: 175, weight: 170, sayHello: function() { console.log(hello); } };使用{}创建对象属性和方法使用键值对的形式来组织。键值对之间使用,分割最后一个属性后面的,可有可无。键和值之间使用:分割。方法的值是一个匿名函数。使用对象的属性和方法// 1. 使用 . 成员访问运算符来访问属性. 可以理解成“的” console.log(student.name); // 2. 使用 [] 访问属性此时属性需要加上引号 console.log(student[height]); // 3. 调用方法别忘记加上 () student.sayHello();2. 使用 new Object 创建对象var student new Object(); // 和创建数组类似 student.name 蔡徐坤; student.height 175; student[weight] 170; student.sayHello function () { console.log(hello); } console.log(student.name); console.log(student[weight]); student.sayHello();注意使用{}创建的对象也可以随时使用student.name 蔡徐坤;这样的方式来新增属性。3. 使用构造函数创建对象前面的创建对象方式只能创建一个对象而使用构造函数可以很方便的创建多个对象。例如创建几个猫咪对象var mimi { name: 咪咪, type: 中华田园喵, miao: function () { console.log(喵); } }; var xiaohei { name: 小黑, type: 波斯喵, miao: function () { console.log(猫呜); } }; var ciqiu { name: 刺球, type: 金渐层, miao: function () { console.log(咕噜噜); } }此时写起来就比较麻烦使用构造函数可以把相同的属性和方法的创建提取出来简化开发过程。基本语法function 构造函数名(形参) { this.属性 值; this.方法 function... } var obj new 构造函数名(实参);注意在构造函数内部使用this关键字来表示当前正在构建的对象。构造函数的函数名首字母一般是大写的。构造函数的函数名可以是名词。构造函数不需要return。创建对象的时候必须使用new关键字。this相当于 “我”使用构造函数重新创建猫咪对象function Cat(name, type, sound) { this.name name; this.type type; this.miao function () { console.log(sound); // 别忘了作用域的链式访问规则 } } var mimi new Cat(咪咪, 中华田园喵, 喵); var xiaohei new Cat(小黑, 波斯喵, 猫呜); var ciqiu new Cat(刺球, 金渐层, 咕噜噜); console.log(mimi); mimi.miao();理解 new 关键字new的执行过程先在内存中创建一个空的对象{}this指向刚才的空对象将上一步的对象作为this的上下文执行构造函数的代码给对象创建属性和方法返回这个对象构造函数本身不需要return由new代劳了参考 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/newJavaScript 的对象和 Java 的对象的区别1.JavaScript 没有 “类” 的概念对象其实就是 “属性 方法”。类相当于把一些具有共性的对象的属性和方法单独提取了出来相当于一个 “月饼模子”。在 JavaScript 中的 “构造函数” 也能起到类似的效果。而且即使不是用构造函数也可以随时的通过{}的方式指定出一些对象。在 ES6 中也引入了class关键字就能按照类似于 Java 的方式创建类和对象了。2.JavaScript 对象不区分 “属性” 和 “方法”JavaScript 中的函数是 “一等公民”和普通的变量一样存储了函数的变量能够通过()来进行调用执行。3.JavaScript 对象没有 private /public 等访问控制机制对象中的属性都可以被外界随意访问。4.JavaScript 对象没有 “继承”继承本质就是 “让两个对象建立关联”或者说是让一个对象能够重用另一个对象的属性 / 方法。JavaScript 中使用 “原型” 机制实现类似的效果。例如创建一个cat对象和dog对象让这两个对象都能使用animal对象中的eat方法。通过__proto__属性来建立这种关联关系proto翻译作 “原型”5.JavaScript 没有 “多态”多态的本质在于 “程序不必关注具体的类型就能使用其中的某个方法”。C/Java 等静态类型的语言对于类型的约束和校验比较严格因此通过子类继承父类并重写父类的方法的方式来实现多态的效果。但是在 JavaScript 中本身就支持动态类型程序猿在使用对象的某个方法的时候本身也不需要对对象的类型做出明确区分因此并不需要在语法层面上支持多态。例如在 Java 中已经学过ArrayList和LinkedList为了让程序猿使用方便往往写作ListString list new ArrayList();然后我们可以写一个方法void add(ListString list, String s) { list.add(s); }我们不必关注list是ArrayList还是LinkedList只要是List就行因为List内部带有add方法。当我们使用 JavaScript 的代码的时候function add(list, s) { list.add(s) }add对于list这个参数的类型本身就没有任何限制只需要list这个对象有add方法即可就不必像 Java 那样先继承再重写绕一个圈子。多态的优点和缺点是什么除了JavaScript还有哪些语言支持多态如何在JavaScript中实现多态