js基础

报表宏使用js语言开发。

1. js使用

1.1 <script>标签

  1. js代码必须位于<script>标签中。
  2. <script>标签中，可以直接写js代码，也可以引用外部js，例如：<script src="我是外部js.js"></script>
  3. <script>标签可以位于<head>标签中，也可以位于<body>标签中。

1.2 js函数

js函数为一组js代码块，常用于事件调用。

2. js输出

  1. window.alert()：弹出警告框。
  2. document.write()：向html文档写入内容，注意，当html文档加载完之后写入，则会覆盖整个html文档。
  3. innerHTML：向html元素中写入文本，例如，document.getElementById("demo").innerHTML = "我是写入的内容"，则会向id为“demo”的html元素中写入文本为“我是写入的内容”。
  4. console.log()：向控制台写入内容。

3. js语法

3.1 注释

js注释有两种：

  1. 单行注释：// 我是注释内容
  2. 多行注释：/* 我是注释内容 */

3.2 字面量

代码中，可以看到值称为字面量。

3.3 变量

js中，声明一个变量，需要使用var关键字，例如：var age = 18。也可以仅声明，但不赋值，此时变量值为undefined。

ES2015引入了两个重要的js关键词：let和const，为js提供了“块（{}）作用域”的概念。

示例1：

{
  var x = 10
}
// 此处可以使用x

{
  let y = 10
}
// 此处不可以使用y

示例2：

var i = -1
for (var i = 0; i < 10; i++) {
  // 一些语句
}
// 此处i为10

let j = -1
for (let j = 0; j < 10; j++) {
  // 一些语句
}
// 此处j为-1

示例3：

var x = 10
{ 
  const x = 6  // const为定义常量的关键字
}
// 此处x为10

/*
  const定义常量，要求必须在初始化时给定默认值。
  const定义常量后，虽然不可以更改值，但是可以更改常量的属性，所以严格意义上来说还不算真正的常数。
  const定义的常量，在同一块域中不允许重新声明或赋值，例如：const x = 0; x = 1（重新赋值报错）; const x = 2（重新声明报错）; var x = 3（重新声明报错）; let x = 4（重新声明报错）;
 */

3.4 标识符

js中，变量名、函数名、类名等都称为标识符。

3.4.1 标识符命名规则

  1. 只能包含字母、数字、_和$。
  2. 数字不能开头。

3.4.2 标识符命名规范

推荐使用小驼峰式命名法。

4. js运算符

算术运算符 描述
+ 加或拼接
- 减
* 乘
/ 除
% 取余
++ 递增
-- 递减
= 赋值
+= 加法赋值
-= 减法赋值
*= 乘法赋值
/= 除法赋值
%=

取余赋值

 

比较运算符 描述
== 等于
=== 等值等型（typeof用于返回变量的类型）
!= 不等于
!== 不等于或不等型
> 大于
< 小于
>= 大于等于
<= 小于等于

 

逻辑运算符 描述
&& 且
|| 或
! 非

5. js数据类型

js中的基本数据类型包含：字符串、数值、布尔值、数组（数组也属于对象）、对象。

5.1 undefined、空值、null的区别

  1. 未赋值的变量，其值为undefined，typeof返回的也是undefined。
  2. 空值的值为""，typeof返回的是string。
  3. null的值为null，typeof返回的是对象。
  4. undefined == null

6. js函数

function test() {
  return 1
}

document.getElementById("demo").innerHTML = test  // 引用函数
document.getElementById("demo").innerHTML = test() // 引用函数的结果

7. js字符串

posted @ 2023-08-22 11:30  monkeyDragon  阅读(30)  评论(0)    收藏  举报