Front end foundation course 5(javascript 1)

JavaScript 基础 Part 1

什么是 JavaScript

JavaScript(以下简称JS)是一种动态脚本语言,弱类型,继承基于原型。遵循的规范是 ECMAScript。

如何引入 JS

  • 外部文件
  • 内部脚本
<script src=''></script>
<script>
    // do some stuff
</script>

Hello world

// 输出 Helloworld 字符串
var x = 'Hello',
    y = 'world';

console.log(x+y);

上面是一个例子,它会在控制台输出 Helloworld 字符串,那么我们能从例子中得到什么:

  • 一句话结尾的分号可有可无(个人推荐写上),不写时解析环境会猜测执行
  • /* some stuff */// some stuff 表示注释

JS 如何申明变量

JS 中通过 var 标识符 来申明变量,其中标识符即最终的变量名,如上例中的 xy。标识符的使用需要注意几个地方:

  • 只能包含数字、大小写英文字母、下划线(_)和美元符号($)
  • 不能以数字开头
  • 不能为保留字或关键字
  • 大小写敏感
  • 实际开发中标识符尽量语义化

关于 JS 的保留字和关键字,可以看这个列表

JS 基础数据类型

JS 中的数据类型可以分为两类,原始类型和引用类型。

原始类型

原始类型包含五种:Undefined, Null, String, Number, Boolean

  • Undefined
  • Null
  • String
  • Number
  • Boolean
引用类型
  • Object
  • Array
  • Date
  • RegExp
  • Function
区别

非常重要的一点就是值和引用(指针)。

typeof

typeof 操作用于检测变量的类型,使用方法为 typeof 变量名,常见值的列表如下:

Undefined            "undefined"
Null                "object"
Boolean                "boolean"
Number                "number"
String                "string"
Function object     "function"
Any other object    "object"

JS 中的运算

常见算数运算
  • +
    • +val
    • val + val
  • -
    • -val
    • val - val
  • *
  • /
  • %
  • ++
    • ++val
    • val++
  • --
    • --val
    • val--
逻辑运算
  • &&
  • ||
  • !
常见比较运算
  • >
  • =

  • <
  • <=
  • ==
  • ===
  • !=
  • !==
位运算
  • ~
  • &
  • |
  • ^
  • <<
  • <<<
  • >

  • >

赋值运算
  • val = val
  • val operate= val

练习

  1. 申明变量 home,赋值 'China',输出到控制台。
  2. 试一试各种运算符
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值