资讯专栏INFORMATION COLUMN

记一次两小时的js编程学习

Miracle_lihb / 1401人阅读

摘要:布尔值和两个值,与其他语言中似乎没有任何区别以及特异所在。注意点中有类假的概念,即便不是也会被当做处理,请注意下面几个值布尔值未定义空字符串面向对象很遗憾地说,设计的时候肯定没有考虑。

JavaScript 特性

1.弱类型语言
2.解释型语言
3.客户端语言
对于有学习Java、C以及Python一类的人来说,最熟悉的莫过于这些都是强类型语言。它们严格的遵守自身的规定,永远也不会有下面的情况出现,因为编译的时候会自己抛出错误而终止运行。

var sum="1"+1  
console.log(sum)
>>"11"

编译类型则与Python的定位比较类似,它们都是一边执行,一边解释。这就是与Java这类编译型语言的不同所在。譬如Java就是先编译生成静态的class文件,然后才会利用jvm执行。

客户端语言则就是对于浏览器而言。我们常说的php就是一种典型的服务器端语言,它是执行在web服务器的脚本。PHP在服务器端利用用户传递的数据生成请求的页面,然后将其发送给用户。而JavaScript则与其相反,因为它是执行在浏览器中。只需要将写好的js脚本和页面发送给用户,这个时候用户的浏览器就会自动生成绚丽多彩的网页。

常用交互

window对象位于DOM层级的最顶端,代表显示页面的浏览器窗口,而我们则可以利用它完成一系列交互动作。

alert("Boom!")
window.alert("Boom, too!") //this is equal to alert("Boom!")

上面是最常见的弹出警告框,此外还有类似的window.confirm()window.prompt()

window.document.write()
document.write() // This has the the same fuction of "window.document.write()"

大家可能已经注意到在一个窗口中永远包含window对象,所以我们省略不写就会默认使用window。
而这里write()函数的功能就是直接向HTML文档写入字符,对的!就是一种直接写入功能,相当的笨拙。
这里会有更好的解决方案,举个例子:

this is for Rare to test

var item=document.getElementById("1234");
item.innerHTML="这是十八用来测试的"
//这个时候

标签的文本其实已经变为了上面的字符串

备注:JavaScript的每一行的末尾不强制使用;,这一点和Python语言极其的类似。

数据类型

相对其他语言,js的数据类型也是一般般,其实并无奇特之处,当然没有字符这个数据类型需要特别注意一下。下面介绍它的基本数据类型。

1.数值

很遗憾的说,JavaScript似乎并没有具体区分byte, short, int, long, float和double耶。就笼统的指定了一个数值类型。我们需要注意的是,NaN(not a number),Infinity(无穷大)这两个在数值中的特殊存在。

2.字符串

雷同C中的字符串类型(虽然C没有字符串类型)。因为它们的一些函数极其的相似,比如concat(), split()等等。命名和用法都几乎一摸一样。

3.布尔值

falsetrue两个值,与其他语言中似乎没有任何区别以及特异所在。注意点:JavaScript中有类假的概念,即便不是false也会被当做false处理,请注意下面几个值:
1.布尔值false
2.未定义undefined
3.null
4.0
5.NaN
6.""空字符串

面向对象

很遗憾地说,JavaScript设计的时候肯定没有考虑OOP(Object-Oriented Programming)。当然即便这样JavaScript也提供了多种new对象的方式。

1.创建直接实例

JavaScript直接内置了一个对象Object,可以用来创建一个小白对象,即空白对象:

newObject=new Object()

是不是与常见的创建对象不太一样,比如下面这样的:

// in java
Class item=new Class();
// in python
item=Class()
2.使用关键字this

this指向HTML元素本身,这是我们使用this创建对象的时候必须注意的地方。而当我们在函数中使用this则指向函数的父对象。参照Java中的this,简单易懂。

newObject=new Object()
newObject.info="This is for testing."
function ahhh(){
  alert(this.info)
}
newObject.showInfo=ahhh

上面的函数ahhh里面的this相当于newObject,但函数外部却不可使用this.showInfo=ahhh,因为this是指向父对象的。newObject.showInfo=ahhh本质上是将ahhh函数的地址传递给showInfo,使其可以调用。

3.匿名函数

举个栗子:

newObject.showInfo=function(){
  alert(this.info)
}

我们让newObject的showInfo属性具备了这个函数的功能,但是这个函数叫什么名字我们并不知道,难道它隐匿了名字,那它岂不就是一种匿名函数(anonymous function)。

4.使用构造函数

emmm,熟悉java的话一定不会对构造函数陌生,在java中它是一个有着和类一样名字的特殊函数,并且不能有返回值。但是在JavaScript中却有点不太一样。请看下面的代码:

function myObject(){
  this.info="It"s my object."
  this.showInfo=function(){
    alert(this.info)
  }
  this.setInfo=function(){
    this.info=newInfo  
  }
}
var oneObject=new myObject()

没想到吧,本质上myObject不是一个函数吗?不过这里却看到了js的一个不足之处,构造函数不能有多个,当然其实本质上只是向构造函数传递的参数不同,而js有着和Python一样的可选参数机制,自然不需要多个构造函数。

emmm,没想到写这篇文章比学习的时间还长,先撤了先撤了,有空填坑,回见啦。

一分钟读懂Python编程的三个特殊方法
个人博客十八

欢迎关注公众号:Python与MySQL,有空会填各种坑的。回见!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95721.html

相关文章

  • 深入学习js面向对象

    摘要:字符串也可以是一个对象日期是一个对象数学和正则表达式也是对象数组是一个对象甚至函数也可以是对象一般的语言,都是利用类来创建对象,完成面向对象的过程。 在之前的一篇文章的末尾我提到了JavaScript的对象创建方法,可以利用函数,内置对象和this等关键词实现对象的创建。但是很遗憾,我最先接触的面向对象的编程语言是java,因而对于这些实现面向对象的方法并非自己的首选。下面是那篇文章:...

    loostudy 评论0 收藏0
  • 一次XX前端面试

    摘要:面试官说那我问你一个哲学的问题,为什么有数据结构这种东西哇,这是啥,巴拉巴拉扯了一通,大致就是物以类聚,人以群分,先人积累下来的经验,这些让我们更方便处理数据啥的。 前因,没有比摸鱼有趣的事了 距离自己被外派(俗称外包)出去,已经过了快五个月,工作的话,很闲。人啊,一定保持好的习惯,懒惰是会上瘾,日常摸鱼,怀疑人生,我是谁,我在哪,我要干什么。 中午吃饭的时候,收到了boss直聘的一条...

    Shisui 评论0 收藏0
  • 一次webpack打包

    摘要:记一次打包前言公司的一个公众号要做一个的活动很简单的两个页面写完之后我想要不要去做一下压缩还是直接放上去就好了后面一想还是做下压缩吧正好重新学习下以前用都是人家写好的手脚架拿来直接用的自己改改没啥问题但是要自己重新搭一套好像也不太会所以趁这 记一次webpack打包 前言 公司的一个公众号要做一个H5的活动. 很简单的两个页面, 写完之后, 我想要不要去做一下压缩, 还是直接放上去...

    Profeel 评论0 收藏0
  • 一次小程序项目开发心得

    摘要:前言这段时间一直负责公司的小程序的开发,总结了一些小程序的开发心得,方便自己以后的查阅也方便同仁少踩点坑。文章底部的技巧类小程序的识别小程序二维码功能,小程序的高斯模糊,都是自己填的坑。 前言:这段时间一直负责公司的小程序的开发,总结了一些小程序的开发心得,方便自己以后的查阅也方便同仁少踩点坑。文章底部的技巧类小程序的识别小程序二维码功能,小程序的高斯模糊,都是自己填的坑。欢迎交流。 ...

    you_De 评论0 收藏0

发表评论

0条评论

Miracle_lihb

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<