zoukankan      html  css  js  c++  java
  • Java中的JavaScript技术

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

    前言:

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

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

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

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

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

    格式:

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

    JavaScript语法

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

    变量

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

    运算符

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

    语句

    1. 判断结构

    2. 选择结构

    3. 循环结构

    函数

    格式:

    function  函数名(形式参数...)
    {
     执行语句;
     return 返回值;
    }
    
    function demo(x,y)
    {
      alert(x+y);
    }
    demo(2,3);
    
    window.onload = function()
    {
     alert(“load ok”);
    }

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

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

    对象

    function  Person()
    {
    }
    function Person(name,age)
    {
        this.name = name;
        this.age = age;
    }
    var p = new Person(“dashucoding”,20);
    with(对象)
    {
    }
    for...in语句
    for(x in p)
    {
    }

    实例

    var a = 2;function setValue(a){
     a = 3;
    }
    setValue(a);
    答案为: 2;

    数组:

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

    实例:

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

    JavaScript sort() 方法

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

    // 语法: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()方法可返回指定位置的字符.

    stringObject.charAt(index)

    js面向对象的开发

    <script type = "text/javascript">
     function Per(){
      alert();
     }
    var p = new Per();
    p.name = "dashucoding"
    p.age = 20;
    p.show = function(){
     alert(this)
    };
    
    function Per(name,age){
     this.name = name;
     this.age = age;
    
     this.setName = function(name){
      this.name = name;
     };
     this.getName = function(){
      return this.name;
     };
     this.toString = function(){
      return " P " + name + "" + age;
     };
    }
    </script>

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

    结语

    • 下面我将继续对 其他知识 深入讲解 ,有兴趣可以继续关注

    • 小礼物走一走 or 点赞

    这是一个有质量,有态度的公众号

    喜欢本文的朋友们

    欢迎长按下图关注订阅号

    收看更多精彩内容

  • 相关阅读:
    CentOS安装部署Nodejs
    CentOS安装部署Git
    CentOS安装部署Mysql 5.7
    CentOS 7 安装Java环境(脚本一键式安装)
    Java技术 | 细谈Java中UUID的简单了解与使用
    Navicat Premium 版本 12.1 激活成永久
    Java技术 | 细谈 Java 8 中的 Base64
    安装部署Elastic Search
    从零开始搭建linux下laravel 5.5所需环境(二)
    从零开始搭建linux下laravel 5.5所需环境(一)
  • 原文地址:https://www.cnblogs.com/dashucoding/p/12178592.html
Copyright © 2011-2022 走看看