草庐IT

初识Js-day01

liu-2001 2023-03-28 原文

初识Js

1.前言

学习js的第一天,简单了解了一下JS的诞生历史,JS相关变量,关键字,命名规范,JS数据类型以及各种数据类型之间的转换,JS运算符的使用,二进制,八进制,十进制,十六进制之间的换算。

2.JS的诞生历史

1.JavaScript诞生于1995年,由Netscape(网景公司)研发,取名为Mocha,后与sun公司(Java研发公司)合作,1995年9月改名为Javascript。

2. JavaScript 的版本 JavaScript这种语言的基本语法结构是由ECMAScript来标准化的, 所以我们说的JavaScript版本一般指的是ECMAScript版本. 1997年7月,ECMAScript 1.0发布。 1998年6月,ECMAScript 2.0版发布。 1999年12月,ECMAScript 3.0版发布。(数组的一些方法) 2007年10月,ECMAScript 4.0版草案想要提交ECMA组织, 但由于4.0版的目标过于激进, 改动太大, 并且微软,谷歌等大公司极力反对;一直到2008年7月ECMA开会决定,中止ECMAScript 4.0的开发(即废除了这个版本) 2009年12月,ECMAScript 5.0版正式发布 2011年6月,ECMAscript 5.1版发布

3.是一种基于对象的脚本语言,单线程语言,弱语言。

4.几乎所有浏览器都支持JavaScript,IE浏览器,chrome,Firefox等。

 

3.JavaScript的组成

JavaScript由三部分组成:

1. 核心(ECMAScript):

是一种由ECMA国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。ECMAScript 定义的只是这门语言的基础,他的组成部分有:语法、类型、语句、关键字、保留字、操作符、对象等。

2. 浏览器对象模型(BOM):

Browse Object Model, 浏览器对象模型,提供与浏览器交互的方法和接口(API), 开发人员使用BOM可以控制浏览器显示页面以外的部分。

3. 文档对象模型(DOM):

Document Object Model,文档对象模型,提供访问和操作网页HTML内容的方法和接口。

 

 4.JS的书写规则以及运行

1.JS的书写

1. Html标签内部编写JavaScript代码--不推荐使用。
 2. Html文件内部编写JavaScript代码。
 3. 通过<script>标签引入外部的 . js文件。
 
 

 2.JS的命名规则

1.数字、字母、下划线、$符号组成,其中数字不能做开头。并且变量名应做到见名知意,常用的方式有驼峰命名法,匈牙利命名法,同时变量名不能是保留字或者关键字  。
2.关键字:一组具有特定用途的关键字,这些关键字可用于表示控制语句的开始或结束,或者用于执行特定操作等。
值得注意的一系列关键字:
break do instanceof typeof case else new var catch finally return void  continue for switch while debugger function this with default if throw delete in try

 值得注意的一系列的保留字(将来有可能用作关键字):

abstract enum int short boolean export interface static byte extends long super char final native synchronized
class float package throws const goto private transient debugger implements protected volatile double import public
3.驼峰命名法
大驼峰:第一个单词的首字母大写  UserName
 小驼峰:第二个单词开始首字母大写 userName / getElementById() / myStudentScore()
4.变量命名尽量见名知意,可参考下图

 

 

 5.变量的数据类型

1.特殊类型:Undefined,Null。

2.5种简单数据类型:number数字,string字符串,boolean布尔值,undefined未定义,null空对象。

3.一种复杂的数据类型(引用类型):object。

4.检测变量的方法:typeof(变量名)或者typeof 变量名**。

5.NaN和isNaN介绍,NaN的概念及应用

当数学计算无法得到数字结果,该变量的值为NaN(not a number)  

注意:因为NaN代表非数字,它不等于任何值,也不能做运算,
即使alert(NaN == NaN); 结果也是false     typeof NaN ===‘number’
isNaN(num)方法,该方法判断num变量的值是否是NaN(不是一个数字),结果是布尔值,如果num不是一个数字输出true

 查看类型:

 

 

 

类型转换:

 

 

 

字符串string转boolean:

 

 

 

 number转boolean:

 
将undefined和对应的null转为Boolean:

 

Boolean 转为 number (false 0 true 1):

 

将对应的undefined和null 转为number:

 

 

 6.运算符及表达式

其中较为值得注意的是++,--

i++ 与 ++i 的主要区别有两个:

  1、 i++ 返回原来的值,++i 返回加1后的值。

  2、 i++ 不能作为左值,而++i 可以。

1.算数运算符

 

 2.逻辑运算符

 

 

3.赋值运算

 

 

4.位运算

 

 

5.三目运算符

 

 

6.保留小数的方法

 

    总结:

     1.Number方法 转为number类型的值
     2.Boolean方法转为boolean类型的值
     3.String方法转为string的值(toString方法)
     4.toFixed方法转为字符串 保留多少位小数
     5.Infinity 表示无穷大
     6.isNaN 判断是否为NaN
     7.typeof 检索对应的类型(所有的引用类型都是object 其他显示对应的值类型)

 

 7.进制转换

N进制就是“逢N进1,借1当N。”
N进制转换为10进制,直接写成多项式计算就可以了,
就像 253(10进制)=2*10^2+5*10+2
253(8进制)=2*8^2+5*8+3=171(10进制)
253(16进制)=2*16^2+5*16+3=595(10进制)
110111(2进制)=1*2^5+1*2^4+0*2^3+1*2^2+1*2^1+1=55

10进制转换为N进制,那就要“除N取余”了。
如 485转换为8进制:
485/8=60........5
60/8=7........4
7/8=0........7
所以485(10进制)=745(8进制) (注意:最后的数要倒序写)
又如 4593转换为16进制:
4593/16=287..........1
287/16=17............15
17/16=1................1
1/16=0..................1
所以,4593(10进制)=11F1(16进制)(注:16进制的数需要16个数码,用0-9和A-F表示)
再如 123转换为2进制:
123/2=61..........1
61/2=30...........1
30/2=15............0
15/2=7.............1
7/2=3................1
3/2=1...............1
1/2=0...............1
所以 123(10进制)=1111011(2进制)

 

 

 8.课后练习

1, 入职薪水10K,每年涨幅入职薪水的5%,50年后工资多少?

 

 

2, 为抵抗洪水,战士连续作战89小时,编程计算共多少天零多少小时?

 

 

 

3, 小明要到美国旅游,可是那里的温度是以华氏度为单位记录的。它需要一个程序将华氏温度(80度)转换为摄氏度,并以华氏度和摄氏度为单位分别显示该温度。 提示:摄氏度与华氏度的转换公式为:摄氏度 = 5/9.0*(华氏度-32)

 

 

4, 给定一个三位数,分别把这个数字的百位、十位、个位算出来并显示。

 

 

 

欢迎点赞评论^^

 

有关初识Js-day01的更多相关文章

  1. ruby-on-rails - Assets 管道损坏 : Not compiling on the fly css and js files - 2

    我开始了一个新的Rails3.2.5项目,Assets管道不再工作了。CSS和Javascript文件不再编译。这是尝试生成Assets时日志的输出:StartedGET"/assets/application.css?body=1"for127.0.0.1at2012-06-1623:59:11-0700Servedasset/application.css-200OK(0ms)[2012-06-1623:59:11]ERRORNoMethodError:undefinedmethod`each'fornil:NilClass/Users/greg/.rbenv/versions/1

  2. ruby-on-rails - Rails - 理解 application.js 和 application.css - 2

    rails新手。只是想了解\assests目录中的这两个文件。例如,application.js文件有如下行://=requirejquery//=requirejquery_ujs//=require_tree.我理解require_tree。只是将所有JS文件添加到当前目录中。根据上下文,我可以看出requirejquery添加了jQuery库。但是它从哪里得到这些jQuery库呢?我没有在我的Assets文件夹中看到任何jquery.js文件——或者直接在我的整个应用程序中没有看到任何jquery.js文件?同样,我正在按照一些说明安装TwitterBootstrap(http:

  3. ruby-on-rails - rails : Find tasks that were created on a certain day? - 2

    我有一个任务列表(名称、starts_at),我试图在每日View中显示它们(就像iCal)。deftodays_tasks(day)Task.find(:all,:conditions=>["starts_atbetween?and?",day.beginning,day.ending]end我不知道如何将Time.now(例如“2009-04-1210:00:00”)动态转换为一天的开始(和结束),以便进行比较。 最佳答案 deftodays_tasks(now=Time.now)Task.find(:all,:conditio

  4. node.js - 如何在 Travis CI 上的一个项目中运行 Node.js 和 Ruby 测试 - 2

    我有一个包含多个组件的存储库,其中大部分是用JavaScript(Node.js)编写的,一个是用Ruby(RubyonRails)编写的。我想要一个.travis.yml文件来触发一个运行每个组件的所有测试的构建。根据thisTravisCIGoogleGroupthread,目前还没有官方支持。我的目录结构是这样的:.├──构建服务器├──核心├──扩展├──网络应用├──流浪文件├──package.json├──.travis.yml└──生成文件我希望能够运行特定版本的Ruby(2.2.2)和Node.js(0.12.2)。我已经有了一个make目标,所以maketest在每

  5. 玩以太坊链上项目的必备技能(初识智能合约语言-Solidity之旅一) - 2

    前面一篇关于智能合约翻译文讲到了,是一种计算机程序,既然是程序,那就可以使用程序语言去编写智能合约了。而若想玩区块链上的项目,大部分区块链项目都是开源的,能看得懂智能合约代码,或找出其中的漏洞,那么,学习Solidity这门高级的智能合约语言是有必要的,当然,这都得在公链``````以太坊上,毕竟国内的联盟链有些是不兼容Solidity。Solidity是一种面向对象的高级语言,用于实现智能合约。智能合约是管理以太坊状态下的账户行为的程序。Solidity是运行在以太坊(Ethereum)虚拟机(EVM)上,其语法受到了c++、python、javascript影响。Solidity是静态类型

  6. 什么是0day漏洞?如何预防0day攻击? - 2

    什么是0day漏洞?0day漏洞,是指已经被发现,但是还未被公开,同时官方还没有相关补丁的漏洞;通俗的讲,就是除了黑客,没人知道他的存在,其往往具有很大的突发性、破坏性、致命性。0day漏洞之所以称为0day,正是因为其补丁永远晚于攻击。所以攻击者利用0day漏洞攻击的成功率极高,往往可以达到目的并全身而退,而防守方却一无所知,只有在漏洞公布之后,才后知后觉,却为时已晚。“后知后觉、反应迟钝”就是当前安全防护面对0day攻击的真实写照!为了方便大家理解,中科三方为大家梳理当前安全防护模式下,一个漏洞从发现到解决的三个时间节点:T0:此时漏洞即0day漏洞,是已经被发现,还未被公开,官方还没有相

  7. ruby - Rails 比较 date.end_of_day.to_datetime 和 date.to_datetime.end_of_day 返回的日期对象值时返回 false - 2

    ruby1.9.3dev(2011-09-23修订版33323)[i686-linux]轨道3.0.20最近为什么在与DateTimeonRails相关的RSpecs项目上工作我发现在给定日期以下语句发出的值date.end_of_day.to_datetime和date.to_datetime.end_of_day虽然它们表示相同的日期时间,但比较时返回false。为了确认这一点,我打开了Rails控制台并尝试了以下操作1.9.3dev:053>monday=Time.now.monday=>2013-02-2500:00:00+05301.9.3dev:054>monday.cla

  8. node.js - 从未编写过任何自动化测试,我应该如何开始行为驱动开发? - 2

    按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。多年来,我一直在使用多种语言进行编程,并且认为自己总体上相当擅长。但是,我从未编写过任何自动化测试:没有单元测试,没有TDD,没有BDD,什么都没有。我已经尝试开始为我的项目编写适当的测试套件。我可以看到在进行任何更改后能够自动测试项目中所有代码的理论值(value)。我可以看到像RSpec和Mocha这样的测试框架应该如何使设置和运行所述测试变得相当容易

  9. ruby-on-rails - 将 Angular JS 与 Rails 集成 - 2

    我需要一些指导来了解如何将Angular整合到rails中。选择Rails的原因:我喜欢他们偏执的做事方式。还有迁移,gem真的很酷。使用angular的原因:我正在研究和寻找最适合SPA的框架。Backbone似乎太抽象了。我不得不在Angular和Ember之间做出选择。我首先开始阅读Angular,它对我来说很有意义。所以我从来没有去读过关于ember的文章。使用Angular和Rails的原因:我研究并尝试使用小型框架,例如grape、slim(是的,我也使用php)。但我觉得需要坚持项目的长期范围。我个人喜欢用Rails的方式做事。这就是我需要帮助的地方,我在Rails4中有

  10. node.js - 如何比较图像并确定哪个内容更多? - 2

    目标:我想从动画GIF中抓取最佳帧并将其用作静态预览图像。我相信最好的帧是显示最多内容的帧-不一定是第一帧或最后一帧。以这张动图为例:--这是第一帧:--这是第28帧:很明显,第28帧很好地代表了整个GIF。我如何以编程方式确定一帧是否比另一帧具有更多像素/内容?如果您能向我指出任何想法、想法、包/模块或文章,我们将不胜感激。 最佳答案 实现此目的的一种直接方法是估计entropy每个图像的帧,并选择具有最大熵的帧。在信息论中,熵可以被认为是图像的“随机性”。单一颜色的图像是非常可预测的,分布越平坦,越随机。这与Arthur-R描述

随机推荐