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
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值