JavaScript 字面量、变量、与输出

来源：互联网发布：java ce 编辑：程序博客网时间：2024/06/14 05:26

- 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;               // 同时声明两个变量，两个变量的值均为undefinedvar 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 对象

阅读全文

0 0