JS(二)引入、变量、值类型、运算符

开始正式的复习JS

主流浏览器有哪些
主流浏览器内核
IEtrident
Chromewebkit/blink
firefoxGecko
Operapresto
Safariwebkit

如何引入JS?

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

  • 外部引入<script src=”location”></script>

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

结构行为样式
htmljscss

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

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 一个false
var c = true;
var d = false;

//undefined类型 就一个值 unedfined
var 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;//除法 打印2
var 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-->20
a += 10 + 1//等于a = a + 10 +1 打印a-->21
//*=、/=相似 不做介绍

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

    原文作者:StevenTang
    原文地址: https://www.jianshu.com/p/c7a7f26f704e
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞