学习内容:

一.变量的定义

二.JS的基本数据类型

三.JS的基本语法

1.变量的定义:

  任何语言中最基本的东西就属于变量了,那么如何定义变量以及运用,其实是一件很简单的事情。。

JS中提供了如何去定义变量,但是在定义变量的时候我们需要明确和注意一些事情。。

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

JS中变量的定义有自己的定义方式。。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script language="javascript" type="text/javascript">
var num1=100;//不要写成int
var num2=200;
sum=num1+num2;
//var sum=sum1+sum2;
document.writeln(sum);
var s="javascript";//不要写成string
var s1="html";
var s2=s+s1;//+代表将两个字符串连接
document.writeln(s2);
</script>
</body>
</html>

从上面的代码我们不难发现,JS在语法上并不是像编程语言那样规范,要求也并不是非常的严格。。

并且在定义变量的时候我们只能使用var来定义,不能像在编程语言中那样规范的定义方式,否则就会

出错,在编写JS代码的时候,变量的类型我们是不必写出来的,意思就是没必要写成int sum=。。。

我们只需要写出var sum=...就可以了。。只要浏览器自己知道变量是什么类型的就可以了。。。因此

在定义变量的时候一定要注意自己定义的方式。。。

2.JS的基本数据类型

(1)数值型

i.整型常量

        十六进制以0x开头,例如0x88

        八进制必须以0开头,如0123

        十进制第一位不能是0,如123

ii.实型常量

        12.23  5E7(科学计数法) 4e5等等

iii.特殊数值 NaN (不是数值型) Infinity(无穷大)

(2)布尔型

        布尔型就很简单了,一个true,一个false

(3)字符型

        字符串也一样简单:"abc"

        字符串中的特殊字符,需要以反斜杠的(\)后面跟一个普通字符来表示。如\r \n \t \b \'等等

3.JS的基本语法——三大流程控制

三大流程控制

(1)顺序控制:顺序控制其实就是指程序按照顺序的情况下执行。。。

(2)分支控制:(1)单分支(2)双分支(3)多分支

   (1)单分支 就是

      if(条件表达式){

         语句;

      }

   (2)双分支就是

      if(条件表达式){

         语句;

      }else{

         语句;

      }

   (3)多分支结构

      if(条件表达式){

         语句;

      }else if(条件表达式){

         语句;

      }else{

         语句;

      }

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script language="javascript" type="text/javascript">
//解决1+....10的和
var n=10;
var sum=0;
for(var i=1;i<=n;i++)
{
sum+=i;
}
document.writeln(sum);
//解决从1-10之间偶数的和
var n1=10;
var sum1=0;
var sum2=0;
for(var j=1;j<=n1;j++)
        {
if(j%2==0)
{
sum1+=j;
}else
{
sum2+=j;
}
}
document.writeln(sum1);
document.writeln(sum2);
</script>
</body>
</html>

(3)循环控制部分和(1)do_while循环(2)while循环(3)for循环(4)for_in循环

(1)do_while         (2)while                (3)for                    (4)for_in(了解即可)

 do                      while(条件)             for(var...)            for(变量 in 对象)
{ { { {
需要执行的代码 需要执行的代码; 需要执行的代码; 需要执行的代码;
}while (条件); } } }
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script language="javascript" type="text/javascript">
var n=10;
var sum=0;
do
{
sum+=n;
}while(n--);
document.writeln(sum);
var n1=10;
var sum2=0;
while(n1)
{
sum2+=n1;
n1--;
}
document.writeln(sum2);
var sum3=0;
for(var j=1;j<=n1;j++)//不要顺手写成了int
{
sum3+=j;
}
document.writeln(sum3);
var a=new Array();
var x;
a[0]=1;
a[1]=2;
a[2]=3;
for(x in a)
{
document.writeln(a[x]);
}
</script>
</body>
</html>

这四种常用的也就是while和for循环了。。其实掌握了这两种循环结构就可以了。。。

 

 

JavaScript 学习笔记(二)的更多相关文章

  1. Javascript学习笔记二——操作DOM

    Javascript学习笔记 DOM操作: 一.GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二.querySelector( ...

  2. JavaScript学习笔记(二)——闭包、IIFE、apply、函数与对象

    一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div, ...

  3. javascript学习笔记二

    1.js的string对象 **创建 String对象 *** var str = "abc"; **方法 和 属性(文档) *** 属性 length : 字符串的长度 ***方 ...

  4. javascript学习笔记(四) Number 数字类型

    数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学 ...

  5. JavaScript学习笔记之数组(二)

    JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...

  6. amazeui学习笔记二(进阶开发4)--JavaScript规范Rules

    amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一.总结 1.注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性. ...

  7. Javascript学习笔记三——操作DOM(二)

    Javascript学习笔记 在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原 ...

  8. AJax 学习笔记二(onreadystatechange的作用)

    AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了on ...

  9. ES6学习笔记<二>arrow functions 箭头函数、template string、destructuring

    接着上一篇的说. arrow functions 箭头函数 => 更便捷的函数声明 document.getElementById("click_1").onclick = ...

  10. JavaScript学习记录二

    title: JavaScript学习记录二 toc: true date: 2018-09-13 10:14:53 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...

随机推荐

  1. NewsLetter001

    http://www.learn-english-today.com/ Project management - Iron out problems. – resolve issues. Critic ...

  2. 清除sqlserver日志方法(不适合always on)

    清除sqlserver日志方法 --查看数据库的recovery_model_desc类型 SELECT NAME, recovery_model_desc FROM sys.databases -- ...

  3. vim自定义插件放入pathogen管理

    1.在.vim/bundle目录下,建立一个空目录,比如cscope 2.在cscope下面建立一个plugin文件夹 3.将自己写的vim文件放入plugin文件夹内就可以使用.

  4. 关于modelsim时序仿真的几篇文章

    1.http://wenku.baidu.com/view/386597f37c1cfad6195fa797.html 2.http://wenku.baidu.com/view/4b9521f9f7 ...

  5. Oracle 12C 在 Oracle Linux 6.5 64Bit 安装手冊

    Oracle 12C  在 Oracle Linux 6.5 64Bit 安装手冊.step by step 下载地址: http://download.csdn.net/detail/rlhua/7 ...

  6. MySQL数据库如何去掉数据库中重复记录

    对于常规的MySQL数据表中可能存在重复的数据,有些情况是允许重复数据的存在,有些情况是不允许的,这个时候我们就需要查找并删除这些重复数据,以下是具体的处理方法! 方法一:防止表中出现重复数据 当表中 ...

  7. python——内置函数和lambda匿名函数

    内置函数 接下来,我们就一起来看看python里的内置函数.截止到python版本3.6.2,现在python一共为我们提供了68个内置函数.它们就是python提供给你直接可以拿来使用的所有函数.这 ...

  8. 如何做一个像btbook.net这样的搜片神器?

    这几天btbook.net这个搜片神器网站火了, 让我这个无工作的人, 也想做一个出来, 不然时间不好打发, 本人的草稿站: fastbot.me (刚发布几个小时, 体验等几天再做) 现在说说这种搜 ...

  9. Linux作为路由器(一)

    前言:Linux主机可以作为路由器使用,利用路由转发功能实现不同网络内的主机能够相互通信,利用iptables的SNAT功能来实现企业内网主机访问互联网,下面做个小的实验. 实验环境:VM (1)路由 ...

  10. js JSON对象与字符串相互转换

    从服务器接收到数据一般是字符串的形式.如果是JSON格式的字符串,就需要先将其转换成JSON对象.JSON对象在浏览器输出为objcet,我们看不到具体的数据.所以将JSON对象转换成字符串. 下面将 ...