2018-07-14JavaScript(1)

2018-07-14  本文已影响0人  棕色试剂瓶

堆、栈

可将栈空间看作是一张数据表。

变量

var a;//生命一个变量a
a=12;//若栈空间中存在12则a指向它,否则开辟内存空间存入12
a=13;//将a原来指向的12修改为13
a='hello';//a有原来指向的栈内存转为堆内存(不建议这样做)
console.log(window.a);
console.log(a);
//这两条语句本质上是相同的,只不过第二个将window省略了
//任何变量都可以称之为window的一个属性
//所以可以说变量都是对象

快捷编码技巧

Emmt是一个代码提示插件,可以通过tap键快速编写代码

div tap键

效果

<div></div>

div*5 tap键

效果

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

div>p*5 tap键

效果

<div><p></p></div>
<div><p></p></div>
<div><p></p></div>
<div><p></p></div>
<div><p></p></div>

div.divcss#div0$*5 tap键

<div class="divcss" id="div01"></div>
<div class="divcss" id="div02"></div>
<div class="divcss" id="div03"></div>
<div class="divcss" id="div04"></div>
<div class="divcss" id="div05"></div>

JavaScript基础语法

数据类型

  1. number
  2. string
  3. boolean
  4. object
  5. undefined
  6. null
    共6中类型的变量,其中undefined和null类型皆只有它们本身

Web应用的基本结构

  1. HTML来确定网页的结构
  2. CSS来确定样式
  3. JS用来确定网页的事件

th.removeAttribute('disabled');//删除disabled属性

xiaoji.innerText=acount.toFixed(2);//保留两位小数

% 和 / 的应用

%用来求余数

/用来求商

      var sec=10000;
      var hou=parseInt(sec/3600);
      var min=parseInt((sec%3600)/60);
      var ssec=sec%60;
      console.log(hou+":"+min+":"+ssec);

parseInt用来将结果转化为整型

2:46:40

++和--

sec++;可等效为sec+=sec; sec=sec+1;

boolean类型

类型 Boolean类型中false对应的值
number 0
string ''
object object不存在
null null
undefined undefinded

null==undefined 是正确的

==与===

    // var s1='hello';
    // var s2=5;
    // console.log(s1==s2);
    // console.log(s1===s2);//恒等

    // console.log(s1.length);
    // console.log(new String(s1).length);//两者相同

使用有代码可知s1.length为object类型,s2为number型。
使用==比较时只会比较两者的内容而不在乎类型。

满足===的式子一定满足==

&&,||,!

优雅的写代码

    name && console.log(name);
    //等同于
    if(name){
        console.log(name);
    }

让代码变得简洁优雅

连接符

 var a=12,b=13;
 console.log('a='+a+','+'b='+b);//1
 console.log(`a="${a}",b=${b}`);//2
  1. 用来将字符串和变量连接起来
  2. 通过``和${},以正常输出文本语句的习惯输出变量
上一篇 下一篇

猜你喜欢

热点阅读