经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » Java相关 » Java » 查看文章
第60节:Java中的JavaScript技术
来源:cnblogs  作者:达叔小生  时间:2018/11/20 10:19:17  对本文有异议

标题图

欢迎到我的简书查看我的文集

前言:

JavaScript是什么呢?它是一种基于对象和事件驱动的脚本语言,主要是应用于客户端上的.JavaScript它可以做到信息的动态交互,具有交互性,它不允许直接访问本地硬盘,具有安全性,JavaScript是一种跨平台性的一种语言,和平台无关,只有是可以解释JavaScript的浏览器可以执行.

JavaScript我们只要知道它具有交互性,安全性,跨平台性就行.

JavaScriptNetscape公司的产品,它之前的名字为LiveScript,我们学的Javasun公司的产品,现在是Oracle公司的产品.

特点,我们学习的Java语言是面向对象的编程语言,而JavaScript是基于对象的语言.对于JavaScript来说,是弱类型的语言,而Java强类型的.在JavaScript中只需要解释就可以执行,而对于Java来说,需要先编译成字节码文件,才能再次执行.

JavaScript用于html中,代码融入到Html中都是以标签的形式.

格式:

  1. <script>...</script>
  2. <script src=”test.js” type=”text/javascript”></script>

JavaScript语法

JS语法学习起来比较容易,有变量,语句,函数,数组等常见语言组成元素.

变量

  1. var x = 2;
  2. x = hello dashucoding”;
  3. // 特殊
  4. 特殊的常量值:undefined
  5. 变量的值是: undefined(未定义)

运算符

  1. && || 是逻辑运算符 & | 是位运算符
  2. var x = 520/100*100; x = 520
  3. 而不是500
  4. var x = 1.4+1.6 ; x = 3
  5. 而不是3.0
  6. x = 11 1 ; x = 10
  7. var x = 2;
  8. var y = 123”;
  9. var z = false;
  10. typeof(x); //number
  11. typeof(y); //string
  12. typeof(z); //boolean

语句

  1. 判断结构
  2. 选择结构
  3. 循环结构

函数

格式:

  1. function 函数名(形式参数...)
  2. {
  3. 执行语句;
  4. return 返回值;
  5. }
  6. function demo(x,y)
  7. {
  8. alert(x+y);
  9. }
  10. demo(2,3);
  11. window.onload = function()
  12. {
  13. alert(“load ok”);
  14. }

数组: 可以存任意元素,长度是可变的

  1. 遍历数组
  2. for(var x=0; x<arr.length; x++)
  3. {
  4. alert(arr[x]);
  5. }

对象

  1. function Person()
  2. {
  3. }
  4. function Person(name,age)
  5. {
  6. this.name = name;
  7. this.age = age;
  8. }
  9. var p = new Person(“dashucoding”,20);
  10. with(对象)
  11. {
  12. }
  13. for...in语句
  14. for(x in p)
  15. {
  16. }

实例

  1. var a = 2;
  2. function setValue(a){
  3. a = 3;
  4. }
  5. setValue(a);
  6. 答案为: 2;

数组:

  1. // 数组是一个容器,其长度是可以变的,即是可以添加
  2. <script type="text/javascript">
  3. // 数组
  4. var arr = [];
  5. // 定义一个长度为0的数组.
  6. var arr = [3,55,2,8];
  7. var[2] = 12;
  8. document.write("length="+arr.length);
  9. for(var x=0;x<arr.length;x++){
  10. document.write(arr[x]+" ");
  11. }
  12. </script>

实例:

  1. // 最大值
  2. function getMax(arr){
  3. var max = arr[0];
  4. for(var x=1; x<arr.length; x++){
  5. if(arr[x]>max){
  6. max=arr[x];
  7. }
  8. }
  9. return max;
  10. }
方法 描述
concat() 连接连个或更多的数组,并返回结果
join() 把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分隔
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素,并返回新的长度.
reverse() 颠倒数组中元素的顺序
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素,并向数组添加新元素
toString() 把数组转换为字符串,并返回结果
toLocaleString() 把数组转换为本地数组,并返回结果
unshift() 向数组的开头添加一个或更多元素,并返回新的长度.
valueOf() 返回数组对象的原始值

JavaScript sort() 方法

定义和用法:
sort() 方法用于对数组的元素进行排序.

  1. // 语法:
  2. arrayObject.sort(sortby)
参数 描述
sortby 可选,规定排序顺序,必须是函数.

返回值是:对数组的引用.

方法 描述
big() 用大号字体显示字符串
blink() 显示闪动字符串
bold() 使用粗体显示字符串
charAt() 返回在指定位置的字符
concat() 连接字符串
indexof() 检索字符串
italics() 使用斜体显示字符串
link() 将字符串显示为链接
small() 使用小字号来显示字符串
split() 把字符串分割为字符串数组
sub() 把字符串显示为下标
方法 描述
Date() 返回当日的日期和时间
getDate() 从Date对象返回一个月中的某一天
getDay() 从Date对象返回一周中的某一天
getMonth() 从Date对象返回月份
getYear() 从Date对象以两位或四位数字返回年份
getHours() 返回Date对象的小时
getMinutes() 返回Date对象的分钟
getSeconds() 返回Date对象的秒数

prototype 属性

返回对象类型原型的引用

objectName.prototype

objectName 参数是对象的名称.

JavaScript charAt()方法

定义和用法:

charAt()方法可返回指定位置的字符.

  1. stringObject.charAt(index)

js面向对象的开发

  1. <script type = "text/javascript">
  2. function Per(){
  3. alert();
  4. }
  5. var p = new Per();
  6. p.name = "dashucoding"
  7. p.age = 20;
  8. p.show = function(){
  9. alert(this)
  10. };
  11. function Per(name,age){
  12. this.name = name;
  13. this.age = age;
  14. this.setName = function(name){
  15. this.name = name;
  16. };
  17. this.getName = function(){
  18. return this.name;
  19. };
  20. this.toString = function(){
  21. return " P " + name + "" + age;
  22. };
  23. }
  24. </script>

达叔小生:往后余生,唯独有你
You and me, we are family !
90后帅气小伙,良好的开发习惯;独立思考的能力;主动并且善于沟通
简书博客: 达叔小生
https://www.jianshu.com/u/c785ece603d1

结语

  • 下面我将继续对 其他知识 深入讲解 ,有兴趣可以继续关注
  • 小礼物走一走 or 点赞
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号