内容简要：
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. IE6下的效果

    1. IE6有宽度border实现透明 如果想使得边框颜色透明,在其余浏览器下比较简单,直接使用:border-color:transparent;但在IE6下这个办法不行,可以通过下面的方式实现: ...

  2. asp.net 后台获取flv视频地址进行播放

    源码下载:http://download.csdn.net/detail/njxiaogui/7609687 前台:.aspx <table> <tr> <td>& ...

  3. 正则指引-字符组demo

    class Program { static void Main(string[] args) { string str = "b"; var result1 = Regex.Is ...

  4. Windows 2012 安装 .net framework 3.5

    使用 PowerShell, 指定源文件路径然后进行安装: Install-WindowsFeature NET-Framework-Core –Source D:\Sources\sxs 使用命令提 ...

  5. SVN的文件夹链接（目录链接，目录映射，svn:externals）

    首先大家可以看下SVN的文件夹链接太强大了!(目录链接,目录映射,svn:externals),我就是看了这篇文章才敢大刀阔斧的把项目里的外链修改成正确的链接. 问题: 我们的项目里,服务器脚本工程s ...

  6. mysql主从复制原理

    复制如何工作 整体上来说,复制有3个步骤: (1)    master将改变记录到二进制日志(binary log)中(这些记录叫做二进制日志事件,binary log events):       ...

  7. Promise 使用心得

        this.testPromise=function(){         return new Promise(function(resolve,reject){             co ...

  8. 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 > ...

  9. Ranorex入门指南

    Ranorex入门指南 http://automationqa.com/forum.php?mod=viewthread&tid=2766&fromuid=29

  10. 在自己的框架中引用 PHPExcel

    如果直接在框架中的controller中直接引用 xxxx/PHPExcel.php,由于框架中有autoload 与PHPExcel的autoload冲突(加载目录原因), 那么在不想做太多修改的情 ...