首页 > web前端技术 > javascript >

知名大伽总结的JavaScript语法 掌握6点轻松入门

白龙网 白龙
1.JavaScript值
JavaScript语句定义两种类型的值：混合值和变量值。混合值被称为字面量（literal）。变量值被称为变量。
（1）JavaScript字面量，书写混合值最重要的规则是：
①写数值有无小数点均可：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 数值</h2>
<p>写数值有无小数点均可。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 15.90;
</script>
</body>
</html>
②字符串是文本，由双引号或单引号包围：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 字符串</h2>
<p>字符串可由双引号或单引号包围。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'Bill Gates';
</script>
</body>
</html>
（2）JavaScript变量
①在编程语言中，变量用于存储数据值。JavaScript使用var关键词来声明变量。= 用于为变量赋值。而JavaScript中的“等于”运算符是 ==。通过var关键词来声明JavaScript变量。
②在一条语句中可以声明许多变量。但是，必须以var作为语句的开头，并以逗号分隔变量：var person = "Bill Gates", carName = "porsche", price = 15000;
③如果再次声明某个JavaScript变量，将不会丢它的值。
④变量可以进行算术运算，使用 = 和 + 之类的运算符；字符串也可以使用加号，但是字符串将被级联。如果把要给数值放入引号中，其余数值会被视作字符串并被级联。
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 变量</h2>
<p>在本例中，x 被定义为变量。然后 x 被赋值 7：</p>
<p id="demo"></p>
<script>
var x;
x = 7;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
2.JavaScript运算符
JavaScript使用算数运算符（+ - * /）来计算值，使用赋值运算符（=）向变量赋值：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 赋值</h2>
<p>在 JavaScript 中，= 运算符用于向变量赋值。</p>
<p id="demo"></p>
<script>
var x, y;
x = 7;
y = 8;
document.getElementById("demo").innerHTML = x + y;
</script>
</body>
</html>
①JavaScript算数运算符
运算符 描述
+ 加法
- 减法
* 乘法
/ 除法
% 系数
++ 递加
-- 递减
 
②JavaScript赋值运算符
运算符 例子 等同于
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
 
③JavaScript比较运算符
运算符 描述
== 等于
=== 等值等型
!= 不相等
!== 不等值或不等型
> 大于
< 小于
>= 大于或等于
<= 小于或等于
? 三元运算符
 
④JavaScript逻辑运算符
运算符 描述
&& 逻辑与
|| 逻辑或
! 逻辑非
 
⑤JavaScript类型运算符
运算符 描述
typeof 返回变量的类型。
instanceof 返回 true，如果对象是对象类型的实例。
 
⑥JavaScript位运算符
运算符 描述 例子 等同于 结果 十进制
& 与 5 & 1 0101 & 0001 0001 1
| 或 5 | 1 0101 | 0001 0101 5
~ 非 ~ 5 ~0101 1010 10
^ 异或 5 ^ 1 0101 ^ 0001 0100 4
<< 零填充左位移 5 << 1 0101 << 1 1010 10
>> 有符号右位移 5 >> 1 0101 >> 1 0010 2
>>> 零填充右位移 5 >>> 1 0101 >>> 1 0010 2
 
⑦JavaScript字符串运算符：+ 运算符也可用于对字符串进行相加；+= 赋值运算符也可用于相加（级联）字符串：
⑧字符串和数字的相加：相加两个数字，将返回和，但对一个数字和一个字符串相加将返回一个字符串。
3.JavaScript表达式
（1）表达式是值、变量和运算符的组合，计算结果是值。
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 表达式</h2>
<p>表达式计算为值。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 6 * 10;
</script>
</body>
</html>
（2）表达式也可包含变量值。
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 表达式</h2>
<p>表达式计算为值。</p>
<p id="demo"></p>
<script>
var x;
x = 6;
document.getElementById("demo").innerHTML = x * 10;
</script>
</body>
</html>
（3）值可以是多种类型，比如数值和字符串。
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 表达式</h2>
<p>表达式计算为值。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Bill" + " "  + "Gates";
</script>
</body>
</html>
4.JavaScript关键词
JavaScript关键词用于标识被执行的动作。var关键词告知浏览器创建新的变量：
<!DOCTYPE html>
<html>
<body>
<h2>var 关键词创建变量</h2>
<p id="demo"></p>
<script>
var x, y;
x = 7 + 8;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>
5.JavaScript注释
并非所有JavaScript语句都被“执行”。双斜杠 //（单行注释） 或 /* 与 */（多行注释） 之间的代码被视为注释。注释会被忽略，不会被执行：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 注释<b>不会</b>被执行。</h2>
<p id="demo"></p>
<script>
var x;
x = 7;
// x = 8; 我不会被执行
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
 
6.其它说明
（1）JavaScript标识符
标识符是名称。在JavaScript中，标识符用于命名变量（以及关键词、函数和标签）。在大多数编程语言中，合法名称的规则大多相同。
在JavaScript中，首字符必须是字母、下划线（-）或美元符号（$）。连串的字符可以是字母、数字、下划线或美元符号。保留字（比如 JavaScript 的关键词）无法用作变量名称
提示：数值不可以作为首字符。这样，JavaScript 就能轻松区分标识符和数值。
（2）JavaScript 对大小写敏感
所有JavaScript标识符对大小写敏感。变量lastName和lastname，是两个不同的变量。JavaScript不会把VAR或Var译作关键词var。
（3）JavaScript与驼峰式大小写
历史上，程序员曾使用三种把多个单词连接为一个变量名的方法：
①连字符：
first-name, last-name, master-card, inter-city.
注释：JavaScript中不能使用连字符。它是为减法预留的。
②下划线：
first_name, last_name, master_card, inter_city.
③驼峰式大小写（Camel Case）：
FirstName, LastName, MasterCard, InterCity，camelCase
JavaScript程序员倾向于使用以小写字母开头的驼峰大小写：
（3）JavaScript字符集
JavaScript使用Unicode字符集。Unicode覆盖世界上几乎所有的字符、标点和符号。
标签：

相关推荐

猜您喜欢