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

作者: StevenTang | 来源:发表于2018-03-01 00:30 被阅读31次

开始正式的复习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 一个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
//*=、/=相似 不做介绍

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

相关文章

  • js 总结一 07-09

    ES6 一、js入门、js引入、变量、值类型、运算符 js引入代码如下 js变量代码如下: 值类型代码如下: 运算...

  • 每天总结一

    一、js总结一 js引入 js变量 值类型 引用值 运算符

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

    开始正式的复习JS 主流浏览器有哪些 如何引入JS? 页面内嵌 标签 外部引入 为符合Web标准(w3c标准中的...

  • JavaScript 01 (JS引入/变量/数据类型/类型转换

    JS的引入及调试,常量,字面量,变量,JS中的数据类型,JS的运算符,JS的运算符之隐式类型转换,强制类型转换,M...

  • 原生js

    原生JS学习笔记1——基本数据类型和运算符 js的背景知识介绍,js的引入方式,js的变量及运算符 原生JS学习笔...

  • JavaScript 知识点 - JS 基础

    变量类型:根据存储方式区分 值类型(变量存放值) 引用类型(变量存放地址): 对象,数组,函数 typeof运算符...

  • js的变量声明

    js中的变量是弱类型的,可以保存所有类型数据(在JS中变量类型由所引用的值决定),即变量没有类型而值有类型。变量名...

  • JS基础知识 (一)--变量类型和计算

    变量类型 js变量类型分为基本类型(或者叫值类型)和引用类型。(按照存储方式区分)• 值类型值类型:Number、...

  • JavaScript笔记

    js笔记 一、js简介1、js是什么2、js作用3、组成4、引入方式二、基本语法1、变量2、原始数据类型3、引入数...

  • js变量的类型和计算

    js变量类型:值类型和引用类型值类型:number,string,boolean,undefined,symbol...

网友评论

    本文标题:JS(二)引入、变量、值类型、运算符

    本文链接:https://www.haomeiwen.com/subject/spuwxftx.html