- JavaScript的简介
- JS四种输出方式
- consolelog与windowalert的区别
- JS语法
- JS字面量
- JS变量
- 命名
- 赋值
- 重新赋值
- JS对象
- JS 函数
- JS作用域
JavaScript的简介
JS代码写在<script></script>
标签之间,在标签之间的JS语句会在页面加载时执行,JS函数只会在调用它时执行。
<script>
标签一般写在<head>
或<body>
标签底部,因为放在同一位置,不会干扰其它HTML内容。
如果JS文件在外部文件中,使用<script>
标签的src属性导入该JS文件。
JS四种输出方式:
document.write("<p>This is a partical.</p>")
会直接写入HTML输出流中,会覆盖整个文档。window.alert("Hello")
主要用于代码测试,弹窗显示是否正确。document.getElementById("demo")innerHTML="Hello JavaScript!";
改变某个元素的内容。console.log()
写到浏览器控制台中。
console.log()
与window.alert()
的区别
JS语法
JS字面量
在编程语言中,一般固定值称为字面量。我感觉就是可以赋给左边变量的值(右值)。
数字(Number)字面量 可以是整数或者是小数,或者是科学计数。
字符串(String)字面量 可以使用单引号或双引号。
布尔字面量,其值只有两个。分别为true和false。
表达式字面量 用于计算,使用运算符进行计算,如算术、位、条件、比较及逻辑运算符等。
数组(Array)字面量 定义一个数组:
对象(Object)字面量 定义一个对象:
函数(Function)字面量 定义一个函数:
以下是各种字面量的例子:
3.14 1001 123e5 // 各种数字字面量
"Jhon Doe" 'Jhon Doe' // 字符串字面量
true false // 布尔字面量
5 + 6 (3 + 4) * 9 // 表达式字面量
[40, 100, 1, 5, 25, 10] // 数组字面量
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"} // 对象字面量,就是一个对象的实例
function myFunction(a, b) { return a * b; } // 函数字面量
JS变量
命名
在 JS 中,变量用于存储数据值。JS 使用关键字 var 来定义变量, 使用=
来为变量赋值。变量常见的是按照驼峰法的命名规则来命名:lastName
像这样是正常的命名。
赋值
变量的数据类型完全由给它赋值的字面量决定。也就是说字面量的类型就是变量的数据类型。需要注意一下的就是,在变量刚声明没有赋值时,其值为 undefined
未定义的。同时,变量也可以赋值为null,这表示变量的值被清空。
重新赋值
JS变量拥有动态类型,可以重新声明并定义与上次完全不同的数据。
var x; // 声明一个变量
x = 5; // 定义或赋值一个变量
var y, z; // 同时声明两个变量,两个变量的值均为undefined
var x = "tom"; // 重新声明并定义一个变量
var m = "Hello", n = 2; // 同时声明两个变量,一个是字符串,一个为数字
一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。
JS对象
JS 对象是变量的容器”。但是,我们通常认为 “JavaScript 对象是键值对的容器”。所有的JS属性都是 属性名:属性值
这样来赋值的。
其实,JS 对象中属性的值也可以是函数,JS 对象是属性和方法的容器才对。但是需要注意的是,当对象属性是函数时,使用该函数时应该是属性名()
,才能返回函数的结果,不加 ()
时,此属性只会被当成字符串返回函数体表达式对应的字符串结果。
var person = { // 声明并定义了一个对象
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
fullName : function() { return firstName + lastName; } // 一个函数属性
};
var a = person.age; // 使用.来访问对象的属性
var a = person["age"]; // 使用[]访问对象的属性
var b = person.methodName(); // 返回函数的运行结果:"Jhon Doe"
var b = person.methodName; // 返回函数的内容:"function() { return firstName + lastName; }"
JS 函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
function funcName() { 代码 } // 无参函数
function myFunction(var1,var2) { // 带两个形参的函数
代码
}
function myFunction() { // 带返回值的函数
var x=5;
return x;
}
JS作用域
变量在函数内声明,变量为局部作用域。函数参数只在函数内起作用,是局部变量。
变量在函数外定义,即为全局变量。全局变量有 全局作用域: 网页中所有脚本和函数均可使用。
如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。
在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象