JavaScript输出 变量 运算符 数据类型学习笔记

1. JavaScript 输出

• window.alert() 写入警告框

• document.write() 写入 HTML 输出
  在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML ，所以用于测试。

• innerHTML 写入 HTML 元素

访问 HTML 元素，JavaScript 可使用 document.getElementById(id) 方法。id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容：

<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 11;
</script>

• console.log() 写入浏览器控制台
  
  2. JavaScript 语法

JavaScript 语句由值、运算符、表达式、关键词和注释构成。分号分隔 。
关键词

字符串是文本，由双引号或单引号包围：

var str1="Bill Gates";
var str2='Bill Gates' ;

注释：
双斜杠 // 或 /* 与 */ 之间的代码被视为注释。

3. JavaScript 变量
JavaScript 语句定义两种类型的值：混合值和变量值。
混合值被称为字面量（literal）。变量值被称为变量。
变量是存储数据值的容器。
标识符：

• 首字符必须是字母、下划线（-）或美元符号（$）

• 可包含字母、数字、下划线和美元符号

• 保留字无法用作变量名称

• 数值不可以作为首字符

• 对大小写敏感
  JavaScript 使用 var 关键词来声明变量。
  声明之后，它的值是 undefined。= 号用于为变量赋值

var x;
x = 7;

一条语句，多个变量

var person = "Bill Gates", carName = "porsche", price = 15000;

ps:重复声明 JavaScript 变量，不会丢它的值。
4. JavaScript 运算符


注：+ 运算符也可用于对字符串进行相加（concatenate，级联）。
例：

x = 7 + 8;
y = "7" + 8;
z = "Hello" + 7;

结果是
15
78
Hello7
字符串和数字相加时，按照级联，从左到右，判断是加法还是级联。
比较运算符

逻辑运算符

类型运算符

• typeof 返回变量的类型。
• instanceof 返回 true，如果对象是对象类型的实例。

算数运算符

5. JavaScript 数据类型
数据类型：数值、字符串值、数组、对象等等。

var length = 7;                             // 数字
var lastName = "Gates";                      // 字符串
var cars = ["Porsche", "Volvo", "BMW"];         // 数组
var x = {firstName:"Bill", lastName:"Gates"};    // 对象 

注：js拥有动态类型。这意味着相同变量可用作不同类型。
JavaScript 布尔值：true 或 false
typeof 运算符返回变量或表达式的类型。

• function
• object

typeof 运算符把对象、数组或 null 返回 object。

typeof 运算符不会把函数返回 object，而是function。

Undefined
在 JavaScript 中，没有值的变量，其值是 undefined。typeof 也返回 undefined
Null
在 JavaScript 中，null 是 “nothing”。它被看做不存在的事物。null 的数据类型是对象。可以通过设置值为 null 清空对象。

Undefined 与 null 的值相等，但类型不相等：

typeof undefined              // undefined
typeof null                   // object
null === undefined            // false
null == undefined             // true