JavaScript基础总结（一）
值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。引用数据类型：对象(Object)、数组(Array)、函数(Function)。js中 var name="Volvo XC60"; var name='Volvo XC60'; ' ' 与 " " 作用是相同的=== 为绝对相等，即数据类型与值都必须相等。JavaScript 数组下面的代码创建名为 cs 的数组：var cs=new Array();cs[0]="Saab";cs[1]="Volvo";cs[2]="BMW";或者 (condensed array):var cs=new Array("Saab","Volvo","BMW");或者 (literal array): 例；var cs=["Saab","Volvo","BMW"];JavaScript 对象对象由 { } 分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔： var test={name:"John", three:"Doe", id:666};对象有两种寻址方式1.name=test.name; 2.name=test["name"];两种方式访问对象属性:1.test.name; 2.test["name"];"JavaScript 对象是变量的容器"。但是，我们通常认为 "JavaScript 对象是键值对的容器"。键值对通常写法为 name : value (键与值以冒号分割)。键值对在 JavaScript 对象通常称为 对象属性。通常 fullName() 是作为 person 对象的一个方法， fullName 是作为一个属性。如果使用 fullName 属性，不添加 (), 它会返回函数的定义（函数表达式）；添加括号输出函数执行结果document.getElementById("demo1").innerHTML = "不加括号输出函数表达式：" + person.fullName; 不加括号输出函数表达式：function() { return this.firstName + " " + this.lastName; }document.getElementById("demo2").innerHTML = "加括号输出函数执行结果：" + person.fullName(); 加括号输出函数执行结果：test java局部 JavaScript 变量在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。全局 JavaScript 变量在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。JavaScript 变量的生存期JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。非严格模式下给未声明变量赋值创建的全局变量，是全局对象的可配置属性，可以删除。var var1 = 1; // 不可配置全局属性var2 = 2; // 没有使用 var 声明，可配置全局属性console.log(this.var1); // 1console.log(window.var1); // 1console.log(window.var2); // 2delete var1; // false 无法删除 局部变量无法被删除console.log(var1); //1delete var2; //全局属性可以被删除console.log(delete var2); // true 已经删除console.log(var2); // 已经删除 报错变量未定义JavaScript 作用域在 JavaScript 中, 作用域为可访问变量，对象，函数的集合局部变量：只能在函数内部访问。 函数参数只在函数内起作用，是局部变量。全局变量有 全局作用域: 网页中所有脚本和函数均可使用。在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。JavaScript 变量生命周期JavaScript 变量生命周期在它声明时初始化。局部变量在函数执行完毕后销毁。全局变量在页面关闭后销毁。你的全局变量，或者函数，可以覆盖 window 对象的变量或者函数。局部变量，包括 window 对象可以覆盖全局变量和函数。注：Window 对象表示浏览器中打开的窗口常见的HTML事件的列表:
JavaScript 字符串用于存储和处理文本。在JavaScript 中，字符串写在单引号或双引号中;下表中列举了在字符串中可以使用转义字符转义的特殊字符：
字符串属性和方法属性： 描述：constructor 返回创建字符串属性的函数length 返回字符串的长度prototype 允许您向对象添加属性和方法字符串方法：方法描述charAt()返回指定索引位置的字符charCodeAt()返回指定索引位置字符的 Unicode 值concat()连接两个或多个字符串，返回连接后的字符串fromCharCode()将 Unicode 转换为字符串indexOf()返回字符串中检索指定字符第一次出现的位置lastIndexOf()返回字符串中检索指定字符最后一次出现的位置localeCompare()用本地特定的顺序来比较两个字符串match()找到一个或多个正则表达式的匹配replace()替换与正则表达式匹配的子串search()检索与正则表达式相匹配的值slice()提取字符串的片断，并在新的字符串中返回被提取的部分split()把字符串分割为子字符串数组substr()从起始索引号提取字符串中指定数目的字符substring()提取字符串中两个指定的索引号之间的字符toLocaleLowerCase()根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射toLocaleUpperCase()根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射toLowerCase()把字符串转换为小写toString()返回字符串对象值toUpperCase()把字符串转换为大写trim()移除字符串首尾空白valueOf()返回某个字符串对象的原始值JavaScript运算符运算符 = 用于给 JavaScript 变量赋值。算术运算符 + 用于把值加起来。y=5：运算符描述例子x 运算结果y 运算结果+加法x=y+275-减法x=y-235*乘法x=y*2105/除法x=y/22.55%取模（余数）x=y%215++自增x=++y66x=y++56--自减x=--y44x=y--54JavaScript 赋值运算符。赋值运算符用于给 JavaScript 变量赋值。给定 x=10 和 y=5，下面的表格解释了赋值运算符：运算符例子等同于运算结果=x=y x=5+=x+=yx=x+yx=15-=x-=yx=x-yx=5*=x*=yx=x*yx=50/=x/=yx=x/yx=2%=x%=yx=x%yx=0用于字符串的 + 运算符+ 运算符用于把文本值或字符串变量加起来（连接起来）。如需把两个或多个字符串变量连接起来，请用 + 运算符。对字符串和数字进行加法运算两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串，x=5+5;y="5"+5;z="Hello"+5;x,y, 和 z 输出结果为:1055Hello5JavaScript 比较 和 逻辑运算符比较和逻辑运算符用于测试 true 或者 false。比较运算符比较运算符在逻辑语句中使用，以测定变量或值是否相等。<p给定x=5，下面的表格解释了比较运算符：
如何使用可以在条件语句中使用比较运算符对值进行比较，然后根据结果来采取行动：if (age<18) x="Too young";逻辑运算符逻辑运算符用于测定变量或值之间的逻辑。给定 x=6 以及 y=3，下表解释了逻辑运算符：
条件运算符JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。<p> 点击按钮判断年龄。</p>年龄:<input id="age" value="18"/><p>是否达到投票年龄？</p><button onclick="myFunction01()">点击按钮</button><p id="demo01"></p><script>function myFunction01(){var age,voteable;age=document.getElementById("age").value;window.alert(voteable=(age<18)?"年龄不足":"年龄已达到");document.getElementById("demo01").innerHTML=voteable;}</script>JavaScript多元运算符p>1?p<b?p>b:p=6:p=3p>1? 整体 :p=31、当 p>1 时返回 p<b?p>b:p=61.1、当 p<b 时返回 p>b1.2、当 p>=b 时返回 p=62、当 p<=1 是返回 p=3 所以先执行 13、实例中当 p＝9 的时候，返回 p<b?p>b:p=6 接着执行 1.1，当 p＝9<12 时，返回 p>b，即 9>12，条件不成立所以最终结果为 false。JavaScript 中有三种逻辑运算符：1. 取反 !首先把数据转化为布尔值，然后取反，结果为 true 或 false。<script type="text/javascript">var a = [1,2,3];var b = "hello";var obj = new Object();var d;console.log(!""); //trueconsole.log(!d); //trueconsole.log(!a); //falseconsole.log(!b); //falseconsole.log(!obj); //false</script>2. 逻辑与 &&JavaScript 中逻辑与和其他语言不太一样，如果第一个操作数是 true(或者能够转为 true)，计算结果就是第二个操作数，如果第一个操作数是 false，结果就是 false（短路计算），对于一些特殊数值不遵循以上规则。(个人理解为:如果运算的第一个操作数为true,则返回第二个操作数,反之则返回第一个操作数)返回的不是单纯的 true 还是 false，而是具体的值；若是第一个值转换布尔值为 true，就返回第二个值；反之，返回第一个值。白话说就是：哪个值是错的就返回哪个值，如果都是对的，返回最后一个值。<script type="text/javascript">var a = [1,2,3];var b = "hello";var obj = new Object();var d;console.log(true && 10); //第一个操作数是true，结果是第二个操作，也就是10console.log(false && b); //第一个操作数是false，结果flaseconsole.log(100 && false); //第一个操作数是100，结果flaseconsole.log(undefined && false); //第一个操作数是undefined，结果undefinedconsole.log(NaN && false); //第一个操作数是NaN，结果NaNconsole.log(null && false); //第一个操作数是null，结果nullconsole.log('' && false); //第一个操作数是空串，结果空串console.log(0 && 100); //结果是0console.log(5 && 100); //100console.log(a && b); //helloconsole.log(obj && 200); //200</script>3. 逻辑或 ||如果第一个操作数不是 false，结果就是第一个操作数，否则结果是第二个操作数。如果第一个操作数能够转为 true，结果就是第一个操作数(个人理解为:如果运算的第一个操作数为 true,则返回第一个操作数,反之则返回第二个操作数)同 && 类似，返回的不是单纯的 true 和 false，而是具体的值。这个是从头开始，遇到能转换成 true 的值，就返回那个值，如果没有 true 的就返回最后一个值。<script type="text/javascript">var a = [1,2,3];var b = "hello";var obj = new Object();var d;console.log(true || 10); //第一个操作数是true，结果是第一个操作，也就是trueconsole.log(false || b); //第一个操作数是false，结果是第二个操作数bconsole.log(100 || false); //第一个操作数是100，结果100console.log(undefined || 9); //第一个操作数是undefined转false，结果9console.log(NaN || false); //第一个操作数是NaN转false，结果第二个操作数console.log(null || a); //第一个操作数是null转false，结果aconsole.log('' || false); //第一个操作数是空串转false，结果第二操作数console.log(0 || 100); //结果是100console.log(5 || 100); //5console.log(a || b); //aconsole.log(obj || 200); //obj</script>作者：旧歌链接：https://www.cnblogs.com/wdyjt/p/14125217.html本文版权归作者和博客园共有，欢迎转载。