内容简要:
1.JS代码放置位置的问题;
2.变量与数据类型;
3.运算符与逻辑表达式的运算符
 
我的位置

全局问题:为何在网页推荐位置(一般在<head></head>内部,或者在网页末尾)下防止JavaScript代码?

答:   浏览器采用一种从上到下的方式解析HTML文档,当它遇到JavaScript文件引用时,会向Web服务器索取这个文件,之后以“单线程”方式执行JavaScript代码,在这些代码完毕之前,后续的HTML代码将不会执行;
     如果JavaScript代码放在网页前部或中间,由于以上原因,会导致页面显示迟缓;
     如果JavaScript代码需要访问网页HTML元素,那么,在页面DOM树没有装配完成的时候,这些代码是无法运行的。

 
        变量与数据类型            

1. JavaScript输出信息的基本方法:alert() 弹出消息框来显示信息、console.info() 方法在控制台面板中显示信息;
 
2. 变量之间相互赋值的真实关系
3. 在JavaScript中,变量其实是特定时刻特定数值的名字,这些数值分为两类原始类型的数值、引用类型的数值;
  JavaScript 定义了4中原始数据类型(string、number、boolean、undefined),除此之外,JavaScript中的一切都是“对象(Object)” ;
在Chrome 的console中测试类型
4.原始数据类型的包装对象:字符串、数字和布尔类型,都对应着特定的“包装对象(Wraped Object)”

包装对象提供了一些函数/方法,可以直接通过变量调用。
5.JavaScript是一种“动态类型”的编程语言。 同一个变量,可以接收不同类型的数值,就像一条变色龙。不过根据,同一个变量赋值的覆盖特点,最终该变量的值为最后一个赋值。

 
6.数值类型转换 一般使用parseInt()和parseFloat()方法将一个对象转换到数值类型


 
undefined与null ←长得很像的孪生兄弟!

7.关于“=”的花样
 
   运算符    含义

=       复制运算符(Assignment)

    ==       判等运算符(Equality) 
    ===       严格判等运算符(Strict Equality) 
示例

 ★“严格判等”运算符,要求两个对象不仅内容一样,而且类型也必须一样。而普通的“判等”运算符,只要对象经过类型转换后相等就可以!
 
8.undefined表示变量未定义,没有一个确定的值;
示例
 
9.“null”表示“nothing”,其含义是“某变量不引用任何的对象”。
示例

 
10.比较null与undefined

 

JavaScript语句(程序由语句构成,编程从语句开始!)

三种典型的程序代码执行流程

 程序流程图:即在程序设计中,经常使用一种称为“程序流程图”的示意图来表示程序的执行流程;
 逻辑表达式和伪代码

 
变量与表达式的关系:
    使用运算符将变量和数字等连接起来,就构成“表达式(Expression)”。不管表达式本身有多长,有多复杂,它最后一定会有一个值,就像变量一样,可以用于各种语句中。

  
 
 JavaScript中用于构建逻辑表达式的运算符
   if...else条件语句
 
表达式求值时必须知道的true与false的情况

 
三种用于组合逻辑表达式的运算符
  1. && (And/与)、 ||(Or/或)、 !(Not/非)
逻辑表达式的组合解析结果

 重磅消息 → JavaScript中的“双重否定(!!)”运算符
    !!运算符把后面跟着的东西变成一个bool值,本身为true就是true,本身为flase就是false。!!运算符多出现于条件语句中。
    开发中“||”运算符的一种典型用法
  1. var ns = ns || {};
  2. /*如果ns未定义,则等于"{}(代表一个空对象)",否则,等于ns*/
 经常使用这种方法在JavaScript代码中定义“命名空间(namespace)”。
 “命名空间”是程序设计语言中的术语,它表示程序中各种构成元素的集合,你可以把它想象成是“一对名字”的集合,每个名字都代表着程序中某种特定的构成元素(比如、类、结构、枚举等等)。
 

JS代码放置位置、变量与数据类型、运算符与逻辑表达运算符的更多相关文章

  1. JS代码的位置与事件响应代码块的封装问题

    JS代码的位置       我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分.   放在<head>部分最常用的方式是在页面中h ...

  2. 输出JS代码中的变量内容

    一. 输出JS代码中的变量内容 1. 可以直接以提示框的形式输出 alert("输出的内容"); 2. 可以输出到网页的某个位置 a. 在显示输出的位置放一个标签 <a id ...

  3. 029 01 Android 零基础入门 01 Java基础语法 03 Java运算符 09 逻辑“非”运算符

    029 01 Android 零基础入门 01 Java基础语法 03 Java运算符 09 逻辑"非"运算符 本文知识点:Java中的逻辑"非"运算符 逻辑& ...

  4. 028 01 Android 零基础入门 01 Java基础语法 03 Java运算符 08 逻辑“或”运算符

    028 01 Android 零基础入门 01 Java基础语法 03 Java运算符 08 逻辑"或"运算符 本文知识点:Java中的逻辑"或"运算符 逻辑& ...

  5. 027 01 Android 零基础入门 01 Java基础语法 03 Java运算符 07 逻辑“与”运算符

    027 01 Android 零基础入门 01 Java基础语法 03 Java运算符 07 逻辑"与"运算符 本文知识点:Java中的逻辑"与"运算符 逻辑运 ...

  6. JavaScript入门:002—JS代码放置的位置

    JavaScript在页面中使用,那么这些JS代码应该放在什么位置呢?以下来看一下. 一般来说有两种方式.写在界面上和使用.js文件.1.1界面上的Head部分能够直接放在head标签内,例如以下代码 ...

  7. javascript代码放置位置对程序的影响

    在编写html文档时,javascript可以放置的位置有两个地方<head>或者<body>,但是放置的地方,会对 JavaScript 代码的正常执行会有一定影响.由于 H ...

  8. 拼团商品列表页 分析 js代码行位置对执行的影响和window.onload的原理 setTimeout传参

    w TypeError : Cannot set property 'innerHTML' of nullTypeError : Cannot set property 'value' of null ...

  9. JS代码引用位置问题-转

    看到很多JS代码全部放在head中的情况,其实这是个细节问题.转载一个知乎用户于江水的答案: 作者:于江水链接:https://www.zhihu.com/question/34147508/answ ...

随机推荐

  1. 安装mmseg出错 config.status: error: cannot find input file: src/Makefile.in

    aclocallibtoolize --forceautomake --add-missingautoconfautoheadermake clean

  2. android 内置视频目录

    在做引导界面的时候有一个视频文件, 把它放在res/raw目录下面. 引用方法 如下: videoView = (VideoView) findViewById(R.id.video_view); v ...

  3. Android-NDK编译:cocos2d-x(二)

    看了看NDK的文档....里面总是莫名的会提下windows需要cygwin环境... 但是cocos2d-x3.0alpha1 中, 编译samples的python脚本 cocos2d-x3/bu ...

  4. DVI-A、DVI-D、DVI-I接口定义、DVI接口图和DVI接口标准介绍

    http://blog.csdn.net/cd520yy/article/details/16993179

  5. CentOS 6 安装 python 2.7 和 mod_wsgi 运行pyocr[tesseract]

    最新版本的tesseract-ocr 3.0.4 需要运行于python2.7版本以上,因此需要升级系统中默认的2.6版本python及Mod_WSGI 1,下载安装Python-2.7.10 > ...

  6. delphi7的新生,参与分布式应用开发,调用RESTful API,Json的应用

    前言: 1.公司delphi7开发的传统软件还活得好好的,但是大家都知道delphi早已经日落西山了,现在成了后进.追随者.细细算了已经6.7不用了.新的delphixe7呢,没有时间成本去适应和研究 ...

  7. 十五、EnterpriseFrameWork框架核心类库之系统启动入口与初始化

    本章内容是讲三种开发模式,web模式.Winform模式和Wcf模式的系统启动入口有什么区别,以及启动后系统初始化的内容:为什么要把这些单独提出来讲一章,因为我觉得本章非常重要,我们都知道程序中的ma ...

  8. easyui filebox 浏览图片

    <img id="image1"/> <input id="f1" class="easyui-filebox" name ...

  9. c# dataGridview的Cellclick移除事件

    private void gvMoldInfo_CellClick(object sender, DataGridViewCellEventArgs e) { ) return; string col ...

  10. MyEclipse8.5集成Tomcat7时的启动错误:Exception in thread “main” java.lang.NoClassDefFoundError org/apache/commons/logging/LogFactory

    今天,安装Tomcat7.0.21后,单独用D:\apache-tomcat-7.0.21\bin\startup.bat启动web服务正常.但在MyEclipse8.5中集成配置Tomcat7后,在 ...