JS作业

一、什么是javascript

    javascript是一种运行于js解释器中的脚本语言

    javascript与html关系

    html是脚本语言,用于在浏览器中显示

    javascript是脚本语言,用于与浏览器实现对话

二、javascript的发展史

    1、1992年 , Nombas 为自己的软件写一款脚本语言 C--  --》 ScritEase ,可以嵌入在网页中运行

    2、1995年 ,Netscape(网景) Navigator2.0 --> LiveScript --> Javascript ,Java 与 Javascript之间没有任何关系

    3、1996年 ,Microsoft 在 IE3.0 中发布 JS的克隆版 --> JScript

    4、1997年 ,Javascript 1.1 版本 作为 草案 提交给了  ECMA(欧洲计算机制造商联合会)

    ECMA-262标准  ECMAScript 作为 JS的 标准核心。 ES5  ES6

三、javascript的组成

    1.ECMAScript

    2.文档对象模型(Dom,Document Object Model),让js有能力与页面元素对话

    3.浏览器对象模型(Bom,Browser Object      Model),让js有能力与网页进行对话


四、javascript的特点

    1、编写简单 - 任何文档编辑工具都可以编辑JS

    2、无需编译,直接运行

    3、弱类型编程语言强类型编程语言: C,C++,Java ...

特点:由数据类型来决定数值

弱类型编程语言:JS

特点:由数值来决定数据类型

    4、面向对象的编程语言

五、javascript的语法

      1.在标签中写js代码,该标签可以放在页面的任何位置

      JS脚本

      2.外部脚本文件

  1)、创建脚本文件并编写 脚本

脚本文件:***.js

  2)、引入外部脚本文件

注意:

1、必须是成对的 script

2、该对标记中,不允许出现任何内容

    3.注释

          1)、单行注释

    //  单行注释

  2)、多行注释

    /*

    * 多

    * 行

    * 内

    * 容

    */

    4.严格区分大小写

          console.log("");正确

          Console.log("");错误


六、变量和常量

  1.变量:内存中的一段存储空间

  2. 变量的声明

1)、声明

      var 变量名;

2)、赋值

变量名=值;

3)、声明变量并赋初始值

    var 变量名=值;

4)、注意

      1、声明变量时可以不加 var 关键字

      var stuname="张三丰";== stuname="张三丰";

如果省略了var 关键字, 那么声明的就是"全局变量",有可能造成 "全局污染" 的效果

        5)、如果声明变量没有赋值的话,那么将自动赋值为 undefined

  3、一次性声明多个变量

声明stuname,stuage,stugender 变量

    var stuname;

    var stuage;

    var stugender;


一次性声明多个变量使用一个var 关键字, 多变量名之间 用 , 分隔

  var stuname, stuage,stugender;


4、变量的命名规范

1)、可以包含字母、数字、下划线、$

var +name;  错误 ,不能有 +

2)、不能以数字开头

var 1name;    错误

var name1; 正确

var $name; 正确

var _name; 正确

3)、尽量见名知意

var a;

var b,c,d,e,f,g,aab,aac;

以上方式, 不推荐

var username;

var salary;


  5、可以采用 "匈牙利命名法","驼峰命名法","下划线命名法"

1、驼峰命名法

如果变量名是由多个单词组成的合成词,从第二个单词开始,每个单词的首字符变大写。

var age;

var gender;

var salary;


var userName;

var userSalary;

var stuJavaScore

2、下划线命名法

var _userName;    (一般用于全局变量命名)

var user_name;


常量:一旦声明就不可以改变的值叫做常量

比如:1天=24小时  1小时=60分钟  太阳每天东升西落


        1.声明常量的方法:

              1)声明常量用 const,常量名一般大写,声明常量必须赋值

                  const DAY;   

                const PI;

              2)声明常量并赋值

                    const DAY=24;

                    const PI=3.14;

js三种输出方式

console.log('hello world');

    控制台输出hello world

document.write('hello world');

    页面打印出hello world

alert('hello world');

页面弹出helllo world


上面的两部可以简写为

  var uname='张三';


在控制台出输出变量uname

console.log(uname);//正确

console.log('uname');//错误。这样输出的是uname这串字,输出一个变量不需要加引号


变量命名规范


每行后面加" ; 号"

变量名可以包含数字 字母 和下划线  $

但不可以以数字和特殊符号开头

var name='张三';正确

var name1='张三';正确

var name_1='张三';正确

var $name='张三';正确

var 1name='张三';错误

var +name='张三';错误

var *name='张三';错误

七、数据类型


    js的数据类型:

数字类型(number)

字符串(string)

布尔(boolean)

                null(空)

                undefined(未定义)

对象(object)


        1.数字类型  number


数字类型包括整数和小数


        2. 字符串  string 

有引号单引或双引的都是字符串类型


        3.布尔类型  boolean

布尔类型只有两个值true 和 false,true表示真,false表示假

在做运算的时候true为1  false 为0

        true+false=1

        4.null  空

        5.undefined  未定义


声明变量没复制返回undefined

        6.object 对象

                    var obj={};

                    var arr=[];

八、数据类型的转换

          typeof

九、隐式转换结论

1、数字 + 字符串 :将数字转换为字符串

2、数字 + boolean :将 boolean 转换为 number类型

3、数字 + undefined :结果为 NaN,NaN的类型为 number

4、字符串 + boolean :将boolean 转换为 字符串

5、boolean + boolean :都转换成number在做相加运算

注:NaN:not a number  判断一个非数字    如果不是一个数字返回true,如果是一个数字返回false

案例:var str="hello world";

              var str1=isNaN(str);

              console.log(str1);

二、显示转换/强制转换

              2.parseInt(); 将一个数据转换为整数

              var  num=5.5;

              var str=parseInt(num);

              console.log(str);5

              console.log(typeof str);number

            3.parseFloat();  将一个数据转换为小数 

              var  num=.5;

              var str=parseFloat(num);

              console.log(typeof str);//0.5

              console.log(typeof str);//number

            4.Number  将一个数据转换为number类型

              var str="35.5你好";

              var str1=Number(str);

              console.log(str);

          5.toString()  将任意类型转换为字符串类型

              var  num=5;

              var str=num.toString();

              console.log(typeof str);


            toFixed(n)    保留小数。

运算符

    1//算数运算符;

            + - * /

%:模:两个数相除的余数就是模

3%2=1

5%3=2

10%10=0

++;

++在前:自增加一,在赋值

var a=3;

var b=a++      在后

var a=3;

var b=++a      在前

++在后

++在后  :先赋值在加一

++在前:自增减一,在赋值

在后:先赋值在减一

2.关系运算符

    > < >=  <=

等于 == 对应 !=

全等 === 对应 !==

3 逻辑运算符:

    与(和,且) &&

    或 ||

    非:相反 !


    有假且为假 有真或为真

三目运算符

    var score=prompt('睡眠时间')

var result=score>=8?'正常':

'不正常';

alert(result);-->


分支结构

if....else-->

if(条件){

    条件为true的时候执行的语句

    }

if(条件){

else

    条件为false的时候执行的语句

    }

4.switch  ......case...

switch(条件){

case 情况1:

//执行的语句

break;

case 情况2:

//执行的语句

break; 

case 情况3:

(执行的语句)

break;

  }

var date = prompt('周周上分大全')

switch(date) {

case '星期一':

alert('武则天')

break;

case '星期二':

alert('李白')

break;

case '星期三':

alert('韩信')

break;

case '星期四':

alert('花木兰')

break;

case '星期五':

alert('百里玄策')

break;

case '星期六':

alert('干将莫邪')

break;

case '星期日':

alert('小学生多不推荐打排位')

break;

default:

alert('重新输入')

break;

}

var score = prompt('请输入成绩');

if(score>=100){

alert('国外三日游');

}else if(score>=90&&score<100){

alert('国内三日游');

}else if(score>=80&&score<90){

alert('省内三日游');

}else if(score>=70&&score<80){

alert('市内三日游');

}else if(score>=60&&score<70){

alert('县內三日游');

}else if(score>=50&&score<60){

alert('镇內三日游');

}else if(score>=40&&score<50){

alert('打');

}else if(score>=30&&score<40){

alert('爆打');

}else if(score>=20&&score<30){

alert('吊打');

}else{

alert('狂打');

}

alert('国外三日游');

} else {

if(score >= 90)

alert('国内三日游');

} else {

if(score >= 80) {

alert('省内三日游')

} else {

if(score >= 70) {

alert('市内三日游');

}

if(score >= 60) {

alert('县內三日游')

}if(score >= 50){

alert('镇內三日游')

}if(score >= 40){

alert('村内三日游')

}if(score >= 30){

alert('家内三日游')

}if(score >= 20){

alert('两大嘴巴子')

}if(score >= 10){

alert('没收手机999w秒')

}else{

alert('男女混合双打')

}

}

}

}

使用运算符

  var a=parseInt(prompt('第一个数'))

  var b=parseInt(prompt('第二个数'))

  var c=parseInt(prompt('第三个数'))

  alert(Number(a)+Number(b)+Number(c))

  alert(a*b/c)

  var a=5;

  var b=5;

var c=9;

console.log(a==b);

console.log(a>c);

console.log((a===b)||(c

console.log((a===b)&&(c

console.log((a===b)&&(c>a))

console.log(a<=b)

console.log(a!=b)

console.log(a)

隐式转换

1.number+number

    var a=3;

    var b=5;

    console.log(a+b);

2.number+string 拼接

    var a=3;

    var b='5';

    var

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容

  • 前言 最先接触编程的知识是在大学里面,大学里面学了一些基础的知识,c语言,java语言,单片机的汇编语言等;大学毕...
    oceanfive阅读 3,044评论 0 7
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,718评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,056评论 1 10
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,118评论 0 13
  • 打算整理一个开发实践最佳工程指南 我们目前有如下方向: 测试方向 API 管理方向 问题追踪方向 开发方向 测试方...
    pftom阅读 222评论 0 0