阅读 51
JavaScript 回顾(一)

JavaScript 回顾(一)

这是我参与更文挑战的第24天,活动详情查看: 更文挑战

1,JS代码可以编写的地方

1, JS代码可以写在标签的onclick属性中

<button onClick="alert('点解我')">按钮</button>
复制代码

2,JS代码可以写在超链接的href属性

<a href="javascript:alert(‘点击我’)">点击</a>
​
<a href="javascript:;">点击</a>
复制代码

3, JS代码可以写在script脚本里面

<script type="text/javascript">
     alert('弹出我')
</script>
复制代码

4, JS代码可以写在外部JS文件中, 到过script标签引入

<script type="text/javascript" src="js/script.js"></script>
复制代码

2,JS 基础

1, 注释

/*
   多行注释: 注释中的内容不会被执行,但是在源代码中可以查看
*/
​
// 单行注释
复制代码

2, 格式

/*
 * 1, JS中严格区分大小写
 * 2,JS中每一条语句以分号(;)结尾
 * 3, JS中会忽略多个空格和换行
*/
复制代码

注意:如果不写分号, 浏览器会自动添加,但是会消耗一些系统资源

有些时候,浏览器会加错分号,所以开发中分号必须写

3,变量

字面量: 都是一些不可改变的值,是可以直接使用的
      比如: 1,2,3,45,都是字面量
变量: 用来保存字面量,而且变量的值是可以任意改变的
复制代码

注意: 字面量虽然是可以直接使用的,但是我们一般不会直接使用字面量,都是通过变量去保存一个字面量

4, 标识符

在JS中所有的可以由我们自主命名的都可以称之为标识符, 比如:变量名,函数名,属性名都是标识符

标识符规则:

1, 标识符中可以含有字母,数字,_, $
2, 标识符不能以数字开头
3, 标识符不能是ES中的关键字或者保留字
4, 标识符一般都才用驼峰命名
复制代码

微信图片_20210824205752.png

3,JS六种数据类型

String 字符串
Number 数值
Boolean 布尔值
Null 空值
Undefined 未定义
Object 对象
复制代码

(1) Number

JS最大值: Number.MAX_VALUE

JS最小值:Number.MIN_VALUE

如果超过最大值: Infinity

如果超过最小值:-Infinity

NaN 也是一个特殊的数字

通过 typeof 可以检查类型

注意:千万不用使用JS进行对精准度要求较高的运算

(2) Null

Null 类型的值只有一个,就是null

typeof null 会返回 Object

4,代码块

我的程序时由一条一条语句构成的,语句是按照自上向下的顺序一条一条执行的,在JS中可以使用{}来为语句进行分组

1, 同一个{}中的语句我们称为一组语句
2, 他们那么都执行,要么都不执行
3,一个{}中的语句我们称为一个代码块
4,在代码块的后边就不用再编写 ; 了
5, 代码块只具备分组的作用,没有其他用途,在代码块里面的变量,在外边也可以被访问
复制代码

5,流程控制语句

JS中的程序是从上向下一行一行执行的,通过流程控制语句可以控制程序执行的流程。

(1) DEMO1, 正三角

// for 循环控制图像的高度
for (var i = 0; i < 5; i++) {
  // for 循环控制图像的宽度
  for (var j = 0; j < i + 1; j++) {
    document.write('*&nbsp;&nbsp;&nbsp')
  }
  document.write('<br />')
}
复制代码

5.png

(2) DEMO2, 倒三角

for (var i = 0; i < 5; i++) {
  // for 循环控制图像的宽度
  for (var j = 0; j < 5 - i; j++) {
    document.write('*&nbsp;&nbsp;&nbsp')
  }
  document.write('<br />')
}
复制代码

4.png

(3) DEMO3, 九九乘法表

// for 循环控制图像的高度
for (var i = 1; i <= 9; i++) {
  // for 循环控制图像的宽度
  for (var j = 1; j <= i; j++) {
    document.write(j + ' * ' + i + '=' + (i * j) + '&nbsp;&nbsp')
  }
  document.write('<br />')
}
复制代码

3.png

(4) Demo4, 打印1-100之间所有的质数

for (var i = 2; i <= 100; i++) {
  // for 循环控制图像的宽度
  var flag = true
  for (var j = 2; j < i; j++) {
    // 判断i是否能被J整除
    if (i % j === 0) {
      // 说明i不是质数
      flag = false
    }
  }
  if (flag) {
    document.write(i + '&nbsp;&nbsp')
  }
}
复制代码

0.png

文章分类
前端
文章标签