JS基础知识之基础语法

简介

JavaScript是一种运行在客户端(浏览器)的脚本语言。

组成

  • ECMAscript
  • DOM
  • BOM

注释

js引擎忽略的部分就叫做注释,作用是给代码进行解释。

单行注释使用//,多行注释使用/*注释内容*/

输入输出语法

输入语法

prompt()

输出语法

  • alert() 弹框显示
  • console.log() 控制台显示
  • document.write() 浏览器页面显示

字面量

用来在计算机中描述事或物,大概有以下几种类型:

  • 数字字面量:123
  • 字符串字面量:'程序员'
  • 数组字面量:[]

变量

概念和作用

起一个容器的作用,用来接收事物。本质上是在内存中开辟一个空间。

声明赋值的写法

  1. 先声明,再赋值 var a; a = 10;
  2. 声明并直接赋值 var a = 10;
  3. 同时声明多个变量 var a = 10,b = 20;

命名规则和规范

  1. 由字母、数字、下划线、$符号组成,不能以数字开头;
  2. 不能是关键字和保留字,如var、for、while;
  3. 严格区分大小写;
  4. 变量名必须是有意义的;
  5. 遵守小驼峰式命名法 getName

变量提升

变量提升:js引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再逐行运行。所以会导致所有的变量声明的语句,都会提升到代码头部。

// console.log(d); // undefined
// var d = 10;
// 相当于下面的代码
var d;
console.log(d);
d = 10;

数据类型

概念和作用

更加充分和高效的利用内存,同时也更加方便程序员使用数据

分类

基本数据类型

  • number 数值型
  • string 字符串
  • boolean 布尔型
  • undefined 未定义
  • null 空引用

引用数据类型

  • object 对象
  • function 函数
  • array 数组

数据类型的转换

为什么需要数据类型转换?

从用户得到的数据都是字符串,而数字和字符串相加会变成相连。

显式转换

转换成数字

  • Number()
  • parse系列

转换成字符串

  • String()
  • 变量.toString()

隐式转换

利用算数运算

  • 任何数据和字符串相加结果都是字符串
  • 字符串搭配减法运算会自动转换为数值进行运算
// 1. 转换为数字 parseInt只得到证书
let str = '66.6'
let res = Number(str) // 66.6
// let res = parseInt(str) // 66
// let res = parseFloat(str) // 66.6
// console.log('res', res, typeof res);

// 2. 转化为字符串
let num = 20
// let result = String(num) // 20,string
// let result = num.toString() // 20,string

// console.log('result', result, typeof result);

// 3. 隐式转换
let num2 = 10;
let str2 = 'hello';
// let numRes = num2 + str2; // 10hello,string
let numRes = num2 - str2; // NaN,number
console.log('numRes', numRes, typeof numRes);

这些信息可能会帮助到你: 关于我们 | 饿了么返钱 | 捐赠支持

文章名称:JS基础知识之基础语法
文章链接:https://www.bysjb.cn/js-basic.html
THE END
分享
二维码
打赏
< <上一篇
下一篇>>