`
hubin4
  • 浏览: 97322 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

JS-1-概念-基本语法-运算符-流程控制

    博客分类:
  • AJAX
阅读更多
JS 概念

1
了解什么是JS

javascript的爷爷是liveScript
是一种基于对象和事件驱动,并具有安全性能的脚本语言!

由浏览器执行,解释执行,不会翻译成二进制!

JS只是BROWSER执行,和服务器没有任何关系!
服务器只是把它当文本输出给 浏览器而已!

HTML显示而已,死的,JS是活的
浏览器都有JS引擎的,会执行的
放在<script></script>里,引擎就知道怎么处理了
如果不支持,注释一下
浏览器执行过程
一上来,就试图全部读一下,
读的时候,如果发现有alert,就马上对话框,
点掉对话框后才可以再往下!



<script language="javascript">
alert(new Date());
</script>

Tue Dec 15 23:07:57 UTC+0800 2009
怎么格式化我还不知道!

像上面这些,可以访问到电脑的时间,
这是HTML不可能做的到


javasript navigator
jscript  MS
ECMAScript 算是标准 但是前面两个不理睬[每个IE都要遵守]

可以去这些地方挖老根:
http://developer.netscape.com[没有用了]
http://msdn.microsoft.com/scripting[老了]
https://developer.mozilla.org/en/JavaScript[good]
http://www.microsoft.com/china/vbscript/vbslang/vbstoc.htm

=============================
2
JS基本语法
JS[通常]放在<script></script>里
而<script></script>可以出现在网页的head body的任何地方
也可以出现多次!
多段代码间还可以相互访问!
多段代码和写在一起的代码没有区别[看不懂看例子]

下面的效果是一样的!
<script>
var x=3;
</script>
<p>xxx</p>
<script>
  alert(x);
</script>
-----------
<p>xxx</p>
<script>
var x=3;
alert(x);
</script>

★老浏览器不支持,可以用 注释 !
<script language="javascript">
<!--
var x=3;
alert(x);

-->
</script>
//注意在JS里,将忽略HTML注释!
JS自己的注释有两种
★//
★/*  */[不可以潜逃,但是可以潜逃上面的注释符]


★引用外部JS
<script src="xx.js" language="javascript">
</script>


★还可以把JS当属性
<a href="javascript: alert(new Date());">clickme</a>

JS 大大扩展了HTML 标签的内容
本来就是些 属性 属性值
有了JS后,就多了事件了!
onclick
onblur
....

来看保留字   53个
abstract   boolean   break     byte          case
catch       char     class     const         continue
default     do       double        else      extends
false        final    finally      float       for
function      goto     if         implements    import
in         instanceof     int       interface      long
native      new         null        package       private   
protected   public    return         short      static
super       switch     synchronized  this      throw
throws       transient   true         try        var
void           while       with


基本语法真正开始:

★首先 JS非常非常好的一点就是严格区分大小写!!
★里面的标识符[变量 函数 叔祖名等]的规则也和JAVA类似!
字母 数字 下线 dollar符
不可以数字 不可以保留字
★每条语句的最后必须用';'隔开
★每个词也必须用 空格 tab键  换行符 等分开

---------------看看基本数据类型和常量

共6类  整型常量   实型常量  步儿值 字串常量  null常量 undefined常量
1
整型常量
十六进制必须要0X 或者 0x 开头 [0x8a]
八进制必须要0 开头 [0123]
十进制的第一位不可以是0,

2
实型常量
12.22 168.2  5E7  4e4

3
步儿值
true false

4
字串常量[★JS里没有字符常量]
字串常量必须要用 单引号 或者 双引号
"hubin" ,'hb', 'b',"h",'' ,""
特殊字符还需要转义:
\r
\n
\t
\b
\'
\"
\\

5
null常量
这和JAVA有点区别,
null表是,我已经赋值了,赋了null
通常是对对象来说的[现在还不是怎么很清楚什么是对象]


6
undefined常量
说明某个变量还没有赋值
或者说某个对象的某个属性不存在!


----==========--变量
JS是弱类型的
反正这样记就好了,定义一个变量,系统就分配一块内存
里面可以放东西,放什么系统看吧!

用var 关键字声明 变量

e.g.
var name;
这时候name是undefined;

JS有个特别的现象:
name + "222222";
会出现undefined222222,真是搞不懂

还有,
name="hubin"后
还可以
name=123;变数字了,

还有,
也可以不声明就用
x=6;

更可恶的是
var name=333;
alert(name + 1);//334

name=333;
alert(name + 1);//3331
难道不写var就都是字串?????
==========================================
3
运算符

算术运算符  赋值运算符  比较运算符  逻辑运算符 位运算符

=============
算术运算符
★+


连字串[字串比较数字权力大]

★-



★*


★/
除[不是整数,是实数,这是JS,不是JAVA]

★%
求余


++
--

===========
赋值运算符

=
+=
*=
...

===========
比较运算符
[得到值 是 true or false]
> <
>=  <=
== !=

============
逻辑运算符
&&
||
![运算级别高]


===================
位运算符
& [两个位都是1 结果才是1]
| [两个位都是0 结果才是0]
^ [异或 两位不同 结果是1]
>>[右移,移后空的补最高位的]
    这样好,正数移后还是正,负移后还是负
     移位就是除法,移1就是除2
>>> 移空的部分都是补0


<< 往左移
   移空的补0


数字[可能是整数]
有个方法,可以看里面的进制数据
var x=0x80000000;
alert(b.toString(16));//这就可以查看b的十六进制的数据了cool啊

★★上面移来移去都不会改变 原来是数值
就像 加减乘除一样
a+3;
a原来是多少就是多少,
除非你a=a+3;
===============================
4
程序的流程控制
一样都不少

★顺序结构[一条一条下来]
★if条件选择
var x;
if(x<0)//这个if 不会成立!

--------JS特有的又来了
var x;//x明明是undefined , 但是:
if(x == null){
//可以进来的!!!!!!!!!
}
---------------这样的话或许会好理解一些
var x;
if(typeof(x) == "undefined") {
//这肯定可以进来!!!!!
//"undefined" 引号一定要有
}
-----------------JS也做了件好事
-------------------对于上面的情况
if(!x) {
//null undefined 都和false是一类的
//可以进来是我用了 "!"
}
第二种==================
if ... else

if 和 else都是为了 在某些情况下不执行

----if else 的替代产品
变量 = 步尔表达式? 语句1:语句2 ;
变量的值要么是 语句1  要么是 语句2


第三种===========
还有一种 一串一串的
if
else if
else if
else if
else
记得只有一项会执行哦!!!![而且肯定会执行一项!]

这种情况还有一个变种,有时候非常有用
就是把最后一项目 删除!!
这样,如果一串的条件一个都没有满足,
这个if else 串就形同虚设了!!


第四种=============
潜逃,说个写法,虽然不推荐,但是还是很好看的
if(x<1)
     if(y==1)
           alert("x<1,y==1");
      else(
           alert("x<1,y!=1");
else if(x>10)
        if(y==1)
           alert("x>10,y==1");
        else
            alert("x?,y?");

但是好看归好看,错误肯定还是有的:
谁知道最后一个else和谁配对呢?????
所以,还是用{}最好


--------------

★switch选择 [没有break会穿透return 也可以 default后可以省略]

switch(表达式)
{
   case value1:
      statement1;
      break;

    case valueN:
       statementN;
        break;
   
      default:
        statementX;
       break;//这个可以省略
}

c c++ java [int short byte char]
JS [支持他所有的变量类型!!!]


★while选择
是循环 也是判断

注意分号和循环变量改变

while(x<3)
{
statementX;
}


★do while语句[有一个分号,肯定会执行一次]
do
{
statementX
}
while(expression);


★for语句
for(init 一次 ; 判断 ; 循环后的操作)
{

}

★break 和 continue

没有 标号 的break 会把控制 交给 包含他的那个 loop 的最后
带标号的很少用,
st:while(true)
{
    while(true)
     {
         break st;
     }
}
----本来只可以跳到外层loop
现在可以跳完了,跳到--线处了

continue 只可以用在 while do while for 里面
跳出本次 loop 后面的代码而已

所有的所有,MSDN里都用!!!!!!!!!!!!
===============================
分享到:
评论

相关推荐

    JS基本语法运算符_day1.zip

    在"JS基本语法运算符_day1"的学习资料中,我们将深入理解JavaScript的基础语法,特别是运算符的部分。以下是对这些知识点的详细阐述: 1. **变量声明**: 在JavaScript中,我们使用`var`, `let`, 或 `const` 来...

    JS的基本语法

    在“滨州学院JS课件”中,我们可以学习到JS的基本语法,包括变量声明、数据类型、运算符、流程控制以及函数等核心概念。 1. **变量声明**:在JS中,我们可以使用`var`、`let`或`const`来声明变量。`var`是老式声明...

    高级软件人才培训专家-day02-JavaScript-Vue

    ### 高级软件人才培训专家-day02-JavaScript-Vue ...此外,还介绍了 JavaScript 的基础语法,包括变量、数据类型、运算符和流程控制语句等内容。最后,简单介绍了 Vue.js 的概念和特点,为后续深入学习提供了基础知识。

    33-js-concepts-master.zip

    首先,我们要理解JavaScript的基本语法,包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔、null、undefined、对象、数组)、运算符(算术、比较、逻辑、赋值等)、流程控制(条件语句if...else、...

    javascript-in-one-pic

    首先,这张图可能包含JavaScript的基础语法部分,如变量声明(var、let、const)、数据类型(原始类型和引用类型)、运算符(算术、比较、逻辑、赋值等)以及流程控制语句(条件语句、循环语句)。 其次,函数是...

    javaScript-javascript-初级到高级-笔记.docx

    基础语法包括变量、数据类型、运算符、流程控制等基本概念。DOM是HTML和XML文档的抽象表示,它允许通过编程方式访问和修改文档内容、结构和样式。BOM则提供了对浏览器窗口、历史、屏幕、导航等功能的访问接口。 在...

    (全)传智播客PHP就业班视频完整课程

    9-26 6 javascript三大流程控制 9-27 1 课程回顾 9-27 2 循环控制 金字塔的输出 9-27 3 循环控制 js的调试方法 9-27 4 函的数定义分类及使用 9-27 5 函数的调用 递归及深入使用 9-27 6 一维?榧笆樵谀诖嬷械拇嬖...

    js-presentation-源码

    1. **基础语法**:变量声明(var、let、const)、数据类型(Number、String、Boolean、Null、Undefined、Object、Symbol、BigInt)、操作符(算术、比较、逻辑、三元)、流程控制(条件语句、循环结构、switch)、...

    JavaScript基础语法.zip

    这个资料包中的"JavaScript基础语法"文件将详细解释以上概念,通过实例演示和练习帮助初学者理解和掌握JavaScript的基本语法。通过深入学习,你将能够编写出功能丰富的网页交互脚本,为网页添加动态效果,提升用户...

    教案(Java语法及流程控制2).doc

    Java 语言作为一门广泛使用的面向对象的编程语言,其语法严谨且强大,尤其在流程控制方面提供了丰富的结构。本教学单元主要围绕Java的运算符和分支语句展开,旨在帮助学生掌握基本的Java编程技能。 首先,Java...

    Java基本语法之一执行HelloWorldjsp并讲解.docx

    本文介绍了Java基本语法中的核心概念,包括执行HelloWorld.jsp的基本方法、Java基本数据类型、变量与常量的概念、运算符的使用、流程控制语句以及数组的定义与使用等。这些知识点对于初学者来说至关重要,是学习Java...

    JS-day01_js_

    1. **笔记文档**:可能有.md或.html格式的文档,详细解释JavaScript的基础概念,例如变量声明、数据类型(如字符串、数字、布尔、null、undefined、对象、数组)、运算符、流程控制(if-else、switch、for、while...

    js基础教程

    这份"JavaScript基础教程"的第8版源码涵盖了JS的各个方面,旨在帮助初学者和有经验的开发者深入理解其核心概念。接下来,我们将详细探讨每个章节的主要知识点。 1. **ch02 - 变量与数据类型** - 变量的声明(var、...

    JavaScript-ppt及练习试题

    1. **基础选择题**:测试对基本语法和概念的理解,如数据类型的判断、流程控制语句的应用等。 2. **填空题**:考察代码补全能力,例如编写函数实现特定功能或修复错误代码。 3. **简答题**:可能涉及解释某个概念...

    js学习笔记

    #### 三、JavaScript 基本语法与运算符 - **运算符分类**: - 算术运算符:如加减乘除等。 - 赋值运算符:如`=`用于赋值。 - 比较运算符:如`&gt;`、`、`==`、`===`等。 - 逻辑运算符:如`&&`、`||`等。 - 三元...

    javascript教程

    本教程将深入探讨JavaScript的基础概念和核心特性,帮助初学者快速入门。 1. **基础语法** - 变量声明:`var`, `let`, `const` - 数据类型:原始类型(Number, String, Boolean, null, undefined, Symbol, BigInt...

    JavaScript基础语法 自学笔记

    JavaScript,也被称为JS,是一种广泛应用于网页和网络应用的编程语言,尤其在前端开发中扮演着核心角色。作为轻量级的解释型语言,它基于ECMAScript规范,被设计用来增强网页的交互性,使用户能够与网页进行动态交互...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    9-26 6 javascript三大流程控制 9-27 1 课程回顾 9-27 2 循环控制 金字塔的输出 9-27 3 循环控制 js的调试方法 9-27 4 函的数定义分类及使用 9-27 5 函数的调用 递归及深入使用 9-27 6 一维?榧笆樵谀诖嬷械拇嬖...

    1 妙味课堂原创JavaScript视频教程 JS基础教程5课资料

    - JavaScript的基本语法,包括变量、数据类型(字符串、数字、布尔值、null、undefined等) - 运算符(算术、比较、逻辑、三元运算符) - 控制流程(条件语句if/else,循环语句for、while、do/while) **第2课:...

    java script基本语法知识

    在JavaScript中,基本语法包括变量声明、数据类型、运算符、流程控制以及函数等。让我们逐一深入探讨这些概念: 1. **变量声明**:在JavaScript中,我们使用`var`、`let`或`const`关键字来声明变量。`var`是老式...

Global site tag (gtag.js) - Google Analytics