JavaScript基础入门：语法、对象与核心概念解析

JavaScript基础语法与核心概念

一、JavaScript与Java的区别 1.JavaScript由Netscape公司开发，而Java由Sun公司开发。 2.JavaScript采用基于对象的编程模型，Java则是纯粹的面向对象语言。 3.JavaScript属于解释型语言，代码可直接解释执行；Java需先编译为字节码文件后再运行。 4.JavaScript是弱类型语言，Java是强类型语言。 小结：除名称相似及JavaScript借鉴了部分Java思想外，两者在底层机制上几乎没有关联。 二、JavaScript与HTML的结合方式 1.内嵌标签形式 将JavaScript代码置于<script>...</script>标签对中，该标签可放置于HTML文档的任意位置。 2.外部文件导入 利用script标签的src属性引入独立的JavaScript文件。 示例：<script src="test.js" type="javascript"></script> 注意：根据规范，script标签中必须包含type属性以指定脚本类型。 三、JavaScript语法基础 1.变量声明 使用关键字var定义变量。由于JavaScript是弱类型语言，无需显式指定数据类型。 示例：var x = 3; x = "hello"; 注意： 1）JavaScript中单引号与双引号功能等同，但建议统一使用双引号以符合规范。 2）特殊常量值undefined：若变量未初始化即被使用，其值为undefined（未定义）。 2.运算符 JavaScript的运算符与Java类似，支持字符串连接符（+）及三元运算符（? :）。区别在于，三元运算符无需赋值给变量，可直接在语句中输出或执行。 3.控制语句 语句结构与主流编程语言相似，包含判断、选择和循环结构。需注意以下细节： 1）非0值即为真。示例代码： var x = 3; if(x==4)//执行比较运算。 if(x=4)//执行赋值运算，且该表达式本身可作为判断条件，不报错，结果为true。因此建议在if语句中将常量写在左侧（如if(4==x)），若误写为4=x则会报错，从而避免此类错误。 2）switch语句中无严格的类型限制。 3）循环结构必须包含明确的结束条件。 4）逻辑运算必须使用&&（与）或||（或）。若使用&或|，则执行位运算而非逻辑运算。 四、函数详解 1.常规函数 格式： function 函数名(形式参数...) { 执行语句； return 返回值； } 注意： 1）return语句可选，但函数必须被调用才会执行。 2）形式参数无需添加var关键字，因JavaScript为弱类型。 3）调用带参函数时，若未传值或传入参数数量多于定义数量，函数仍可运行；反之，调用无参函数却传入参数，函数同样能运行。 4）JavaScript不支持传统意义上的函数重载。实际上，JavaScript将多个参数封装在arguments数组中，因此可接收任意数量的参数，但建议按定义的形式传递实际参数。 5）赋值示例： var show = demo(); //表示show变量接收demo函数的返回值。 var show = demo; //表示show与demo指向同一函数对象。 2.动态函数 通过JavaScript内置对象Function实现。 示例： var demo = new Function("x,y","var sum = x+y; alert(sum);"); demo(5,2); 动态函数与普通函数的区别在于，其参数及函数体均可通过字符串参数动态指定。 3.匿名函数 格式：function() 示例：var demo = function(){alert("snow");} demo(); 注意：匿名函数常用于定义事件处理程序。 4.其他对象形式 var p = new Object(); p.name ="lisi"; p.age=31; p.demo = show; alert(p.name +":"+p.age+demo(4,5)); function show(x,y){return x+y;} 五、数组操作 JavaScript中的数组兼具集合特性，可存储任意类型的元素，且长度可变。赋值时使用中括号而非大括号。 示例： var arr = new Array(); arr[0] = "ashf"; arr[1] = 258; 或者：var arr = ["ashf",258,true,'sfa']; 注意：遍历时变量声明应使用var而非int，以符合弱类型特性。 二维数组示例：var arrr = [[元素,元素....],[元素...],[元素....].....] 六、内置对象 JavaScript提供了String、Object、Date等大量内置对象，详细用法可查阅相关帮助文档（如需可联系获取）。此处仅说明部分与常规语言不同的特性： 1.String对象的length是属性，而非方法。 2.String的substring(a, b)方法截取从索引a到b-1的字符；而substr(a, b)方法从索引a开始，截取b个字符。 3.a.toString(b)返回数值a的b进制字符串形式。 4.parseInt("a", b)将b进制的字符串a转换为十进制数值。 七、自定义对象 除内置对象外，JavaScript支持自定义对象。 方式一： function car(){} var c = new car(); c.color = "white"; c.tyre = 4; c.run = show; function show(){alert(c.color+c.tyre+"run");} c.run(); 方式二： function car(color,tyre) { this.color = color; this.tyre = tyre; } var c = new car("white",4); alert(c.color+":"+c["tyre"]); 八、对象操作语句 1.with语句 当频繁访问对象的多个成员时，使用with语句可简化代码，避免重复书写“对象.”前缀。 格式：with（对象）{ 此处代码无需加（对象.属性） } 示例： var p = new car("white",4); alert(c.color+":"+c["tyre"]); 可简化为： var p = new car("white",4); with(car){alert(color+":"+tyre)}; 注意：with语句为指定对象创建了作用域，在该作用域内可直接调用该对象的成员。 2.for...in语句 格式：For 变量in对象 功能：遍历对象中的成员。若遍历数组，变量存储的是索引（脚标）。 获取对象值的方法为：对象【变量】，其中变量代表属性名。