基础的JavaScript知识总结(二)引入、变量、值类型、运算符

程序员文章站 2022-03-18 19:58:04

...

这次给大家带来基础的JavaScript知识总结，总共有十一个知识点，基础的JavaScript知识总结(二)引入、变量、值类型、运算符下面就是实战案例，一起来看一下。

开始正式的复习JS

主流浏览器有哪些

主流浏览器

内核

IE trident

Chrome webkit/blink

firefox Gecko

Opera presto

Safari webkit

如何引入JS?

页面内嵌<script type="text/javascript"></script>标签

外部引入<script src="location"></script>

为符合Web标准(w3c标准中的一项)结构、样式、行为相分离，通常会采用外部引用

结构行为样式

html js css

相分离: 三个文件分开写,开发标准

JS基本语法

变量（variable）

声明、赋值分解

单一var

变量声明

命名规则

变量名必须以英文字母、_、$开头

变量名可以包括字母、_、$、数字

不可以用系统的关键字、保留字作为变量名

查询关键或者保留字

声明变量

//声明一个变量var a;
//声明多个变量var a = 100,
    b = 200,
    c = "holle world";

基本语法

原始值(栈数据):Number Boolean String undefined null(不可改变的原始值)

引用值(堆数据):array Object function...date RegExp等

//原始值几种类型//Number类型,数字类型var a = 111;//String类型,字符串类型var b = "我超级帅"//Boolean类型就两个值一个true 一个falsevar c = true;var d = false;//undefined类型就一个值 unedfinedvar e = unedfined;//null类型表示站位表示空

计算机在存值的时候把原始值和引用值存的地方不一样原始值存到栈里面(stack),引用值大致存到堆里面(heap);

//原始值 栈var a = 10,var b = a;
 a = 20; //打印出b-->10;
//引用值 堆//例子一var arr = [1,2];var arr1 = arr;
arr.push(3);//打印出arr1-->[1,2,3];//例子二var arr = [1,2];var arr1 = arr;
arr = [1,3];//打印出arr1-->[1,2];

js栈和堆的区别

JS语句基本规则

语句后面要用分号结束";"。

JS语法错误会引发后续代码终止，但不会影响其它JS代码块

书写格式要规范，“=、+、-、/”两遍应该有空格

function demo(){}函数后面可以不用加分号,

for(){}后面可以不用加分号,

if(){}后面可以不用加分号

//JS语法错误会引发后续代码终止，但不会影响其它JS代码块

<script type="text/javascript">console.log(a);<script><script type="text/javascript">var b = 1;console.log(b);<script>//

第一部分代码块会直接报错,但是不影响第二部分的打印b;

JS运算符

JS的Numbr默认浮点型

运算操作符

数学运算、字符串链接

任何数据类型加字符串都等于字符串

"+"

“-”、“*”、“/”、“=”、“（）”

“++”、“--”、“+=”、“-=”、“/=”、“*=”、“%=”；

优先级“最弱”，“（）”最高

JS的加减乘除

//加var a = 10,
    b = 20,
    c,
    e,
    g,
    h,
    f;
    c = a + b;//加 打印30
    f = 1 + "a"; //字符串拼接 打印"1a"
    e = b - a;//减 打印20
    g = a*b;//乘 打印200
    h = b/a;//除法 打印2var num = 0/0//打印NaN  全称Not A Number  计算机知道是数字但是显示不出来用NaN表示 叫非数  是Numbar类型
var a = 10;var b = 10;
a++;//打印a-->11;b--;//打印b-->9;a += 10//等于a = a + 10,打印a-->20a += 10 + 1//等于a = a + 10 +1 打印a-->21//*=、/=相似 不做介绍

未完待续。。。。下一章逻辑运算符，计较运算符

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！