美文网首页
2018-07-14JavaScript(1)

2018-07-14JavaScript(1)

作者: 棕色试剂瓶 | 来源:发表于2018-07-14 13:15 被阅读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类型皆只有它们本身
  • 测定变量的类型
    console.log(typeof a);//控制台输出a的数据类型

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类型

类型 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. 通过``和${},以正常输出文本语句的习惯输出变量

相关文章

  • 2018-07-14JavaScript(1)

    堆、栈 一般情况下,整型等占用内存空间较小的存在栈空间中。 一般情况下字符串类占用空间较大的存放在堆空间中。 可将...

  • 2018-07-14JavaScript(2)

    JavaScript基础语法(2) swith 代码示例: 要点 声明的变量类型要与case中的类型相一致。cas...

  • 1▪1▪1▪1▪1

    今天是国际劳动节,出门看人头,上路遇堵车,处处挤破头,急哭也停不下车。 不如歇了吧 ...

  • 1+1+1…+1=1

    对“一”的理解: 赠人玫瑰,不仅仅是手留余香。 利益他人,实际上也疗愈了自己。 利他、利己,如此往复循环, 最终利...

  • (-1)×(-1)= 1

    数学家经过很长一段时间才认识到(-1)×(-1)= 1是不能被证明的(即使大数学家欧拉曾给出不能令人信服的...

  • 1-2-1-1-1

    【下马请罪】 子龙下马,向张飞跪地请罪道:“张将军,一时失手……”话未停,便被张飞一矛刺了个透心凉。子龙堵着胸口汩...

  • 1 1:1 1(原创小说)

    闪回:那天她…… 当时,我确实听到了那个声音,可如今却怎么也记不清了。 掉下来了。 我觉得,那一刻...

  • 《1+1=1-1》

    十一月十一日晚,致X小姐。 十月初九, 一个人购物的孤独, 你谈起, 月光下轧过的马路, 金钱带不来满足, 忙忙碌...

  • 1+1=-1

    结婚育子这几年,在磕磕碰碰中一路走来,才恍然大悟,自己真正的成长,始于育儿。 婚前是父母的公主,虽说家境贫困,却得...

  • 1+1<1

    也许有人看到我的标题就会来质疑我,说我怎么连最简单的数学都不会。1+1=2>1啊,这么简单的算数题,我怎会不知?但...

网友评论

      本文标题:2018-07-14JavaScript(1)

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