Javascript

JavaScript介绍JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”,指的是它不 具备开发操作系统的能力,而是只用来编写控制其他大型应用程序 的“脚本”。 JavaScript 是一种嵌入式(embedded)语言。它本身提供的核心 语法不算很多 。
为什么学习 JavaScript
1.操控浏览器的能力
2. 广泛的使用领域
3.易学性
JavaScript与ECMAScript的关系
ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前 者的一种实现。在日常场合,这两个词是可以互换的。
JavaScript语句、标识符
语句JavaScript 程序的单位是行(line),也就是一行一行地执行。一般 情况下,每一行就是一个语句 。


语法
var num = 10;
语句以分号结尾,一个分号就表示一个语句结束。
标识符标识符(identifier)指的是用来识别各种值的合法名称。最常见的 标识符就是变量名 标识符是由:字母、美元符号($)、下划线(_)和数字组成,其中数字 不能开头 。
变量的重新赋值

var num = 10;
num = 20;

变量提升
JavaScript 引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升
(hoisting)。

console.log(num);
var num = 10; // 结果是什么呢?

JavaScript引入到文件
image.png
嵌入到HTML文件中

<body>  
<script>      
    var age = 20  
</script>
</body>

引入本地独立JS文件

<body>    
<script type="text/javascript" src="./itbaizhan.js"> 
</script>
</body>

引入网络来源文件

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"> </script>

JavaScript注释与常见输出方式
image.png
JavaScript注释
源码中注释是不被引擎所解释的,它的作用是对代码进行解释。
Javascript 提供两种注释的写法:一种是单行注释,用//起头;另一种是多行注释,放在/和/之间。

// 这是单行注释
/*
这是 多行 注释*/

JavaScript输出方式
JavaScript有很多种输出方式,都可以让我们更直观的看到程序运行的结果。

// 在浏览器中弹出一个对话框,然后把要输出的内容展示出来,alert都是把要输出的内容首先转换为字符串然后在输出的
alert("要输出的内容");
document.write("要输出的内容");
// 在控制台输出内容
console.log("要输出的内容");

数据类型
image.png

数据类型分类
JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了第七种 Symbol 类型的值和第八种 BigInt类型,当前课程暂不涉及)

数据类型分类

原始类型(基础类型)
image.png

var age = 20;var name = "尚学堂";var learn = true;


合成类型(复合类型)
对象:因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。
image.png
var user= {
name:“尚学堂”, age:20,
learn:true
}
温馨提示
至于undefined和null,一般将它们看成两个特殊值。
typeof运算符
image.png
JavaScript 有三种方法,可以确定一个值到底是什么类型。而我们现在需要接触到的就是typeof
数值返回number
typeof123// “number”

字符串返回string
typeof’123’// “string”

布尔值返回boolean
typeoffalse// “boolean”

对象返回object
typeof {} // “object”

unll和undefined的区别
null与undefined都可以表示“没有”,含义非常相似。将一个变量赋值为undefined或null,老实说,语法效果几乎没区别。既然含义与用法都差不多,为什么要同时设置两个这样的值,这不是无端增加复杂度,令初学者困扰吗?这与历史原因有关。
条件语句之 if语句
if结构先判断一个表达式的布尔值,然后根据布尔值的真伪,执行不同的语句。所谓布尔值,指的是 JavaScript 的两个特殊值,true表示真,false表示伪。
image.png

if语句语法规范
if (布尔值){ 语句;
}
需要注意的是,“布尔值”往往由一个条件表达式产生的,必须放在圆括号中
varm=3;
if (m=3) {
m++;
}
console.log(m);
注意,if后面的表达式之中,不要混淆赋值表达式(=)、严格相等运算符(
=)和相等运算符(==)。尤其是赋值表达式不具有比较作用。
varx=1;
vary=2;
if (x=y) {
console.log(x);}
条件语句之 if…else

if…else基本结构
if代码块后面,还可以跟一个else代码块,表示不满足条件时,所要执行的代码。
image.png

if (m === 3) {
 // 满足条件时,执行的语句} 
else { // 不满足条件时,执行的语句}

多个if…else连接
对同一个变量进行多次判断时,多个if…else语句可以连写在一起。
image.png

if (m === 0) { 
 // ...} 
else if (m === 1) 
{  // ...
} 
else if (m === 2) 
{ 
 // ...
} 
else { 
 // ...
}

if…else嵌套

var eat = true;
var food = "猪肉炖粉条";
if (eat) { 
   if (food == "双椒鱼头") 
{        console.log('双椒鱼头');        }
else{        console.log("猪肉炖粉条");    }}
else {    console.log('不吃了');}

条件语句之 switch
多个if…else连在一起使用的时候,可以转为使用更方便的switch结构。
image.png

switch (fruit) {  case "banana":    // ...
   break;
 case "apple":    // ...
   break;
 default:
   // ...
}
//需要注意的是,每个case代码块内部的break语句不能少,否则会接下去执行下一个case代码块,而不是跳出switch结构。
var x = 1;
switch (x) {
 case 1:
   console.log('x 等于1');
 case 2:
   console.log('x 等于2');
 default:
   console.log('x 等于其他值');}
// x等于1
// x等于2
// x等于其他值

循环语句之for
循环语句用于重复执行某个操作
for语句就是循环命令,可以指定循环的起点、终点和终止条件。它的格式如下
for (初始化表达式; 条件; 迭代因子) { 语句
}

for语句后面的括号里面,有三个表达式。
初始化表达式(initialize):确定循环变量的初始值,只在循环开始时执行一次。
布尔表达式(test):每轮循环开始时,都要执行这个条件表达式,只有值为真,才继续进行循环。
迭代因子(increment):每轮循环的最后一个操作,通常用来递增循环变量。
image.png

var x = 3;
for (var i = 0; i < x; i++) {
 console.log(i);
}
for ( ; ; ){
 console.log('Hello World');
}

循环语句之while
While语句包括一个循环条件和一段代码块,只要条件为真,就不断 循环执行代码块。
while (条件) { 语句; }
image.png
while例子
vari=0; while (i<100) { console.log('i 当前为: '+i); i=i+1; }
下面的例子是一个无限循环,因为循环条件总是为真
while (true) { console.log(‘Hello, world’); }

// for
var x = 3;
for (var i = 0; i < x; i++) {
 console.log(i);
}
// while
var x = 3;
var i = 0;
while (i < x) {
 console.log(i);
 i++;
}

break 语句和 continue 语句
image.png
break语句和continue语句都具有跳转作用,可以让代码不按既有 的顺序执行 break语句用于跳出代码块或循环.

for (var i = 0; i < 5; i++) {
   if (i === 3){
       break;
  }
   console.log(i);
}

continuecontinue语句用于立即终止本轮循环,返回循环结构的头部,开始 下一轮循环

for (var i = 0; i < 5; i++) {
   if (i === 3){
       continue;
  }
   console.log(i);
}

image.png

  • 29
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值